2、卸载非全局安装模块。如果在cmd中一直行使npm来安有工具会比慢。

身在于折腾,而对此程序员来说,写代码都大费精力了,再夺消费时给付出环境达标,那就是坑大了。今天心血来潮,想以cnpm来创造Angular项目。特别记录下操作过程,供有需要的伴侣等参考。

NPM是依NodeJs一起安装之保险管理工具,能解决NodeJs代码部署上之不少问题,常见的采取状况有以下几种植

一样、设置镜像地址

运国内镜像,这足以加强部分频率。如果您切莫见面正确上网,你了解的,你晤面受堵。第一步,你需要设置cnpm,命令如下:

npm install -g cnpm --registry=https://registry.npm.taobao.org

图片 1

次、解决历史遗留问题

倘您前面安装了脚手架,angular-cli 或者
@angular/cli,可以先卸载。命名如下:

1、卸载全局安装之模块
npm uninstall 模块名字 -g,例如:npm uninstall @angular/cli -g
2、卸载非全局安装模块
npm uninstall 模块名字,例如:npm uninstall @angular/cli
留神:要选取正确的安目录去执行命令。
3、清除路障,避免出现异常
npm cache clear

作用

老三、一修形似的路cnpm

釜底抽薪了历史遗留问题之后,开始踏上上新的道。开始安装脚手架,以及安装npm的包管理。

1、安装脚手架,命令如下:
cnpm install -g @angular/cli
2、设置npm的后来人,命令如下:
ng set --global packageManager=cnpm

联网下,就失放心大胆的将玩Angular吧,骚年!

PS:附赠秘籍

ng serve --prod --aot     启动工程

ng build --prod --aot     编译工程

ng test                   测试工程

当上篇笔记中,我已设置好node.js,所以电脑上并了npm,输入dos命令npm-v出现版本提示信息代表安装成功。

而npm的中一个意图而言,“允许用户从NPM”服务器下充斥他人修的老三管到地面利用,比如自己好常用bootstarp,以前还是投机生充斥至地头或引用CDN地址

当自身查的部分科目以及视频当中,有只不得不提的稍技巧:

而当cmd中一直使用npm来装有家伙会比缓慢,所以我们运用淘宝镜像

具体的主意是输入npm install -g cnpm
–registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再次就此到npm的地方一直用cnpm来取代就好了

图片 2

淘宝镜像首页

设置完npm镜像下,开始全局安装vue-cli脚手架(这个名词来硌正式),我今天单纯了解他的意向,是诺为之家伙能支援我们搭建好我们要的模板框架

1、cnpm install -g
vue-cli回车,在命令执行输入vue,出来vue的音信代表安装成功

2、安装脚手架以后开始创造一个新品类,命令 vue init webpack
vue_project(vue_project)是好创办的种文件夹的名

图片 3

图片 4

vue_project项目文件创建完成

当时是应用下手架搭建的品类文件之结构

3、因为各个模板都是相互依赖的,所以要设置依赖,输入npm install
,你见面发觉于都创办的品类结构中会多出一个node_modules的文本,之前我输入了了,所以在上面的截图中,会意识来个node_modules的文件

4、测试下路里的app.vue模块能否跑起,需要设置一下服务器环境,输入
cnpm run dev回车

图片 5

图片 6

测试成功

设全局安装了vue-cli,在搭建项目无论需再次安装了,直接是vue init webpack
項目名即可。

——————————————————————————————————

使package.json位于模块的目录下,用于定义包的性质

图片 7

1)卸载模块   npm uninstall 模块名比如説npm uninstall 

(npm install express
会在c:\AA\Users\node_modules看到express插件,使用卸载模块命令下虽没了)

2)查看 npm ls

3)package.json文件是必要的,我们可应用NPM生成package.json文件,生成的公文包含了基本的结果

图片 8

图片 9

找到变化的package.json文件

图片 10

找到后方可一直用编译器打开packjson的情,然后可以一直开始项目了

NPM常用的吩咐

图片 11

总   1、 安装/删除模块 npm/cnpm install/uninstall  名字     如 cnpm
install vue

       2、

图片 12

3、构建模块

图片 13

4、Npm其他命令

如npm install和npm publish,npm update…

相关文章