Vue实践--开发环境安装

1.安装nodejs

2.设置nodejs prefix（全局）和cache（缓存）路径(可忽略)

    在nodejs安装路径下，新建node_global和node_cache两个文件夹

    # 设置缓存文件夹

    npm config set cache "D:\vueProject\nodejs\node_cache"

    # 设置全局模块存放路径

    npm config set prefix "D:\vueProject\nodejs\node_global"

    设置成功后，之后用命令npm install XXX -g安装以后模块就在node_global里

3.基于 Node.js 安装cnpm（淘宝镜像）

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

4.设置环境变量

    path中加入nodejs的安装路径

    新建NODE_PATH=安装目录下的node_modules

5.安装vue

    cnpm install vue -g

6.安装vue-cli

    cnpm install vue-cli -g

7.项目创建

    初始化：创建目录，CMD,当前目录下执行vue init project_name

    安装依赖：cd project_name; npm install

    运行项目：npm run dev

    打包项目：npm run build