npm 创建vue项目和nrm

Posted 2021-03-15 zjm-1

参考菜鸟教程

1.先安装node,js和npm 

   检验mpm 和node的方式是 npm -v  / node -v

 

2.安装最新版本 npm install @vue/cli -g

　意外安装老版本的是代码  npm install vue-cli -g

　卸载老版本的代码是 npm uninstall vue-cli -g

 

3.查看安装的版本代码 vue -V  (V是大写)

 

4.在指定项目安装的代码  vue init webpack +项目名

注:如果直接进行以上代码去安装创建项目，会存在报错，报错的地方在于 init ，此时需要先进行 以下代码运行  npm install -g @vue/cli-init

 

5.接下来就是对创建文件的一些描述及其他信息

  project name  输入你的项目名

  project description  (项目描述)  xxxx

 author（作者） xxx

install vue-router  yes

use eslint to lint your code  no

set up ubit tests   no

setup e2e tests with nightwatch   no

 

6.进入到项目进行运行

　 npm run dev

nrm

1.nrm

nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换

2.安装nrm

在命令行执行命令，npm install -g nrm，全局安装nrm。

3.使用

执行命令nrm ls查看可选的源。

nrm ls                                                                                                                                   

*npm ---- https://registry.npmjs.org/

cnpm --- http://r.cnpmjs.org/

taobao - http://registry.npm.taobao.org/

eu ----- http://registry.npmjs.eu/

au ----- http://registry.npmjs.org.au/

sl ----- http://npm.strongloop.com/

nj ----- https://registry.nodejitsu.com/

其中，带*的是当前使用的源，上面的输出表明当前源是官方源。

5.切换

如果要切换到taobao源，执行命令nrm use taobao。

6.增加

你可以增加定制的源，特别适用于添加企业内部的私有源，执行命令 nrm add <registry> <url>，其中reigstry为源名，url为源的路径。

nrm add registry http://registry.npm.frp.trmap.cn/

7.删除

执行命令nrm del <registry>删除对应的源。

8.测试速度

你还可以通过 nrm test 测试相应源的响应时间。

nrm test npm