先进入命令提示符cmd
然后输入
node -v
node -version查看node.js版本
然后检查淘宝镜像 检查是否安装成功:cnpm -v
检查版本vue --version
然后以管理员身份打开命令行界面,进入任意一个想要创建项目的文件夹
选择配置
然后进入自己刚刚创建的项目
输入代码运行文件
npm run serve
得到
![](https://img-blog.csdnimg.cn/img_convert/7853c9e3dba219d1cc49e5833f180647.png)
这里我遇到个错误,我cd文件是自己项目上一层,所以显示报错;
![](https://img-blog.csdnimg.cn/img_convert/ce9f3dea9b4e27a00f7f48eaf9b11957.png)
随后
在浏览器输入对应的网址就可以看到界面啦
然后继续进入命令提示符
输入两下Ctrl+C 或者Ctrl+C一下然后Y 停止服务
注意:运行的时候不能关闭cmd窗口,不然就停止服务了,电脑太卡
可以直接在浏览器输入:http://localhost:8000/
然后输入 vue ui 进入vue资源管理器
![](https://img-blog.csdnimg.cn/img_convert/4717f0a0ee7d0f9e7592e34bb80bb6b7.png)
然后进行创建vue项目
进入组件 | Element复制npm i element-ui -S下载 element-ui
![](https://img-blog.csdnimg.cn/img_convert/6a5916c20baceedbf6561bca0ec436ae.png)
进入Visual Studio Codezhonde 终端输入 进行下载
![](https://img-blog.csdnimg.cn/img_convert/0b59cffd3c31e8ce65b642ebc85a2429.png)
点击项目文件中的
![](https://img-blog.csdnimg.cn/img_convert/989256282332b9700b06a12fdceae6f4.png)
下载成功可发现 文件多出一串element-ui
![](https://img-blog.csdnimg.cn/img_convert/63e8b3ca2b4ecabd37439ef533ed332f.png)