通过cnpm创建vue项目

一、前期准备

1、使用node-v 和 npm -v 检查版本

2、使用更换淘宝路径

1、执行如下命令 - 使用淘宝npm镜像定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm

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

2、可执行如下命令 - 配置nodejs的npm为cnpm

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

3、验证：

npm config get registry

二、进行创建

1、在想要创建项目的地方打开黑窗口。（目录不要是中文的）

1、输入：vue init webpack myapp

myapp：是项目名（也不要为中文的）

效果如下:

这是因为我原本已经有啦一个myapp，如果选择Y会覆盖掉原来的项目，所以大家不要创建两个名字一样的项目。（我先将我的项目删掉，关上该窗口，然后重新打开黑窗口输入上面的命令，效果如下：

）直接回车就行；

2、一直回车到改该页面时，继续回车（怕有人看见折磨多内容不知道怎么回事，以为报错了，其实没事）；

3、按照如下进行选择；

4、此时可以根据自己的情况进行选择下载源，因为我们这里选择的淘宝下载源，前两个都不是，所以选择最后一个，配置好了如下所示：

5、输入：cd myapp进入项目的目录下，

6、输入：cnpm i 开始跑环境：有红色的没关系

7、输入：cnpm run dev 环境运行成功如下图：

三、测试

在浏览器中输入localhast:8080，效果如下：

至此项目创建完成。