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 ，打开终端界面，执行

2、运行 打开网址 http://localhost:8080/#/

完成！

1、vue-cli · Failed to download 解决方案，在终端执行命令(这个代码意思就是npm配置设置代理为空)

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

解决办法：安装git客户端

教程：【点击跳转】

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

‘git’ 不是内部或外部命令，也不是可运行的程序 问题原因：没有配置环境变量，或者配置不正确

解决办法：配置环境变量

win11参照：【点击跳转】

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