node 下使用 cnpm 构建vue项目

node 下使用 cnpm 构建vue项目

刚刚学会安装记录一下以防以后会忘记

安装node.js（安装包很小，直接去官网下载就好）,高一点的版本就已经包含vue了。
npm安装模块会访问外网，速度会很慢，所以首先安装cnpm（国内的镜像）

1、设置全局模块和缓存模块目录
命令：

****npm config set prefix "E:\tian\soft\node_global"
  npm config set cache"E:\tian\soft\node_cache"****

然后设置环境变量
2、在系统环境变量添加NODE_PATH,输入路径为：

E:\tian\soft\node_global\node_modules (node_modules在刚刚设置的全局模块下面)

二、
安装cnpm命令：

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

安装vue脚手架
npm install vue-cli -g

之后就可以使用cnpm了
安装使用cnpm webpack 否则会很慢
我安装的webpack是3.12.0；

3.x的webpack和webpack-cli在一个包下安装3.x版本就不需要安装webpack-cli了；

安装4.x版本需要手动安装webpack-cli

所以需要指定安装版本

@是指定版本
’-g’ 是全局安装

命令 : cnpm install webpack@3.12.0 -g
查看版本 webpack -v

最后使用npm和cnpm构建项目：

在自己想存放vue项目目录输入cmd
输入命令 ：vue init webpack
前面带问号的需要自己填写，看英文就可以看懂，都是一些基本信息，作者项目名称之类的，
最后是可以选择的，我选的下面
回车

下面这几个我都选择的n,都可以待会再安装

选择 NO I will Handle that myself
回车
这就结束了，进入下一个步骤

再刚刚构建的项目进入cmd输入命令
cnpm install

这就会安装的很快依赖包

构建完成
输入命令：
npm run dev