在window10环境下使用cnpm初始化Vue+element项目 新手教程

1、下载node.js

（如果国外的网站下载慢的话，可以到nodejs.cn下载）

2、安装完成后 使用ctrl+R 在输入框中输入cmd并回车打开cmd控制框

3、输入 node -v 确认node.js是否安装成功

4、配置安装cnpm

(因为npm连接的国外的镜像，所以安装速度相对比较慢,cnpm是淘宝的镜像，在国内下载的话速度会快很多，所以建议在国内的开发者，安装cnpm)

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

(这样的话，接下来的命令就可以用cnpm 代替npm了 )

5、全局安装vue-cli vue

cnpm install --global vue-cli

安装完成后，同样输入

vue -V

查看vue的版本，检测vue是否安装成功

6、初始化vue项目

vue init webpack vue-elementui

之后就是等待下载template

之后会出现一些配置的选项，如果不清楚的话 可以和我一样选择就好了

7、下载成功之后 在命令行输入

cd vue-elementui
npm run dev

vue-elementui就是刚刚下载的vue项目

如果出现这样的报错，就是因为没有安装必要的模块和依赖文件

8、安装需要的模块和依赖文件

如果只想安装dependencies中的内容，可以使用 --dependencies字段：

cnpm install --dependencies

同样只想安装devDependencies中的内容，可以使用 --devDependencies字段：

cnpm install --devDependencies

这两个字段都可以在 vue-elementui目录下的 packge.json下面找到

等待模块安装完成，再次运行

npm run dev

项目就可以正常打开了

根据提示在浏览器中打开 localhost:8080 就可以访问了