一、背景
注意:本文是基于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不同版本安装卸载、版本号查询【三】