vue专题之webstorm创建vue2.x项目【二】

一、背景

注意：本文是基于vue-cli 2.x 版本的项目创建
3.x以上项目创建请看【点击访问】
vue-cli版本更换/查询【点击访问】

安装好vue的开发环境之后，可以用命令创建vue项目，也可以用开发软件创建，这里选webstorm。

ps：vue开发环境搭建详见：vue专题之开发环境与项目搭建【一】

---

下面开始创建项目

二、新建项目

点击webstorm菜单栏的 file>new>project

需要注意的是，上面四个选项，如果有空的表示该项没有安装，需要安装。安装说明回看
vue专题之开发环境与项目搭建【一】

还有一点，如果没有安装git客户端，项目是新建不了的。
此时要么安装git客户端，要么就用命令创建项目

注意：这一步等待一段时间后可能会报错，如果报错，请翻到最后看第三点报错处理

---

三、运行项目

1、安装依赖

即执行cnpm i, 在软件的界面左下角，找到
在软件的界面左下角，找到terminal ，打开终端界面，执行

cnpm i

---

2、运行

打开网址 http://localhost:8080/#/

完成！

---

三、报错处理

1、vue-cli · Failed to download

解决方案，在终端执行命令(这个代码意思就是npm配置设置代理为空)

npm config set proxy null

---

2、‘git’ 不是内部或外部命令，也不是可运行的程序

解决办法：安装git客户端

教程：【点击跳转】

---

3、安装了git，但是还是报错

‘git’ 不是内部或外部命令，也不是可运行的程序

问题原因：没有配置环境变量，或者配置不正确

解决办法：配置环境变量

win11参照：【点击跳转】

---

---

---

---

---

vue专题开篇：vue专题之开发环境与项目搭建【一】
vue专题下一篇：vue专题之vue不同版本安装卸载、版本号查询【三】