NPM是随NodeJs一同安装的包处理工科具,要选取正确的设置目录去实行命令

生命在于折腾,而对于工程师来讲,写代码已经很费精力了,再去花时间于付出景况上,那就坑大了。明日心血来潮,想选用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来设置一些工具会异常的慢,所以大家运用Taobao镜像

具体的点子是输入npm install -g cnpm
–registry=https://registry.npm.taobao.org,就能够安装npm镜像,现在再用到npm的位置间接用cnpm来顶替就好了

图片 2

Taobao镜像首页

安装完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…

相关文章