cnpm安装_vue 环境安装

1）安装node.js环境

这部分比较容易，不做赘述

2）安装cnpm

修改默认安装路径：

npm config set prefix "D:appnotejsnode_global"
npm config set cache "D:appnotejsnode_cache"

在系统环境变量添加系统变量NODE_PATH，输入路径，并加入path环境变量中方便后续访问 。注意路径需要设置在node_global，因为cnpm安装完毕后的命令行文件是生成在这级目录的，而这级目录也刚好可以访问到内部的其他模块 。

D:appnotejsnode_global

打开cmd输入

npm install express -g

-g即为刚刚设置的module路径测试安装路径，等待安装结束后输入node进入编辑模式，输入

require('express')

如果报错，直接切换到D:appnotejsnode_global，即模块安装目录下访问，访问成功说明环境变量未生效，重启电脑试试，失败的话在express目录下打开cmd再执行一次 npm install指令 。

成功后如下图：

测试完毕开始安装cnpm

在cmd中输入指令：

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

安装完成后命令行输入cnpm -v

3）安装vue

cmd输入命令：

cnpm install -g vue-cli

安装vue客户端，安装完毕输入

cnpm -V

注意V大写

4）新建项目

在命令行输入

vue init webpack my-vue 

my-vue为我们的项目名

输入项目信息构建项目：

出现提示信息构建完成，根据提示输入：

cd my-vue
npm run dev

浏览器已经可以访问了。

或者我们也可以这么输入指令：

cd my-vue
cnpm install

接着输入：

cnpm run dev

项目同样也可以运行