一、查看是否安装node和npm(显示版本号说明安装成功)
node -v
npm -v
显示版本号说明安装成功,如果没有安装,则需要先安装。
二、安装vue-cli脚手架
查看安装的版本(显示版本号说明安装成功)
vue -V

三、使用vue create命令搭建vue项目
1.cmd窗口跳到需要新建项目的文件夹下,使用vue create
//vue-project 是项目名称
vue create vue-project
2.我这里选择第三个Manually select features自定义搭建,回车确认

3.选择配置项
选择完成后,按回车进入到下一步

4.选择vue版本
我这里选择的是3版本,回车确认

5.选择router的模式
我这里使用router路由的history模式,输入Y,然后回车(如果使用hash,则输入n)

6.代码语法错误检查
我这里选择的是ESLint + Standard config,这个是标准的,然后回车确认

7.选择检查代码语法的时机
我这里选择Lint on save,然后回车

8.第三方配置文件存在的方式
我这里选择In dedicated config files,然后回车

9. 是否保存本次配置为预设项目模板
我这里选择N(也可以选择Y,这样下次可以直接使用该配置方案快速搭建项目),然后回车,则项目搭建成功

10.搭建成功的示例

11.启动项目


相关版本:
npm版本是6.14.11,node版本是14.16.0 ,vue-cli版本是5.0.8















![[内测招募] IDEA 插件 X-ChatGPT 内测预览版 支持自定义 ChatGPT 回调函数 释放 AI 的无限可能性](https://img-blog.csdnimg.cn/86b673946402499ea18b24a744019e7d.png#pic_center)




