nodejs->npm->cnpm->vue-cli的安装(2018-11-17)

参考 vue-cli 脚手架 安装Windows10环境下安装Nodejs、cnpm

一、nodejs的安装

两个步骤:

1.直接去官网(即https://nodejs.org/en/)下载安装包直接双击安装

官网图
install1
install2
install3
install4
install5 选择适合自己的
install6
install7
install8

安装成功后可以如下查看

$ node -v
node版本

2.进入nodeJS的安装目录

npm install express -g  (-g 表示全局安装)
npm install jade
npm install mysql

二、npm的安装

由于Nodejs自带了npm,所以你安装nodejs后,npm也会自行安装。
接下来可以在命令行输入下面命令来检测安装成功和版本号:
node -v 和npm -v。若出现不是内部命令看下一步。


npm版本

一般安装完后,windows系统会将安装目录自带到系统变量Path路径后面,否则的话,就在windows设置环境变量的地方,将Nodejs安装路径添加到Path路径后面。(笔者此处是在Path后面新建E:\Program Files\nodejs)确认后,重启CMD,进行检测node和npm。

点击右栏高级系统设置,环境变量
编辑环境变量

三、cnpm的安装

由于npm的镜像是国外的,为了加快下载速度,可以通过国内淘宝镜像来下载,所以采用cnpm,当然也可以不采用cnpm,直接把镜像指向淘宝镜像,接下来我说下这两种方式:

方法1. 直接指定registry为淘宝镜像

npm config set registry https://registry.npm.taobao.org

然后若需要安装gulp和less,可以直接用

npm install gulp less --save-dev

就是从taobao镜像拿包了

方法2. 安装cnpm

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

输入上述命令即可安装,另外要注意的是,安装完后,输入cnpm -v进行检测。由于笔者操作了第四步,cnpm跟npm是分开的,即npm里没有cnpm,之前设置的node环境变量对cnpm不起效,会出现输入cnpm不是内部命令这个问题,此时各位需要注意的是,一般这类问题都是跟环境变量有关,此时需要在环境变量Path路径后面加上E:\Program Files\nodejs\node_global,即cnpm脚本命令所在的文件夹目录下。

四、vue-cli的安装

1.安装完成node。node有自带的npm,可以直接在cmd中,找到nodeJs安装的路径下,进行命令行全局安装vue-cli。

npm install -g vue-cli    // 加-g是安装到全局

想安装速度快点,可以使用淘宝镜像如下

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

2.安装后,检查是否安装成功(显示版本则安装成功)查看vue版本(注意-V是大写

vue -V  //注意-V是大写
vue版本

3.使用vue建一个项目,名叫“firstvueproject”

vue init webpack firstvueproject
newproject1
newprojuct续1
newproject2
实践成功
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.如何简单地使用Vue.js 如同以前我们学过的Jquery一样,我们在程序中使用Vue.js时也可以使用直接引...
    一片空白1233阅读 4,818评论 0 4
  • 第一步:配置HTTP代理 第二步:配置SSL代理 第三步:为手机设置代理 第四步:安装证书一:手机安装证书 打开手...
    点滴86阅读 6,432评论 0 9
  • 姓名:陈芬 公司:宁波慈星股份有限公司 宁波盛和塾《六项精进》224期学员,利他二组学员 【日精进打卡第56天】 ...
    龙芬浩阅读 99评论 0 0
  • 先帝去世第一年,朝内大乱。太子与二皇子分据两党。次年二月,太子幕僚兼前骠骑将军穆淮良率五千精锐骑兵与二皇子的五万大...
    哔剥哔剥阅读 2,155评论 14 33
  • 早上起来打开手机,就收到一个店铺处罚通知,心里万分着急,可是我在家里,老公还在单位值班,也不能告诉任何人,...
    我行我素1314阅读 344评论 0 0