使用vue creat搭建项目

一、查看是否安装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自定义搭建,回车确认

使用vue creat搭建项目_第1张图片

 3.选择配置项

选择完成后,按回车进入到下一步

使用vue creat搭建项目_第2张图片

 4.选择vue版本

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

使用vue creat搭建项目_第3张图片

 5.选择router的模式

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

使用vue creat搭建项目_第4张图片

 

 6.代码语法错误检查

我这里选择的是ESLint + Standard config,这个是标准的,然后回车确认

使用vue creat搭建项目_第5张图片

 7.选择检查代码语法的时机

我这里选择Lint on save,然后回车

使用vue creat搭建项目_第6张图片

8.第三方配置文件存在的方式

我这里选择In dedicated config files,然后回车

使用vue creat搭建项目_第7张图片

9. 是否保存本次配置为预设项目模板

我这里选择N(也可以选择Y,这样下次可以直接使用该配置方案快速搭建项目),然后回车,则项目搭建成功

使用vue creat搭建项目_第8张图片

 10.搭建成功的示例

使用vue creat搭建项目_第9张图片

11.启动项目

使用vue creat搭建项目_第10张图片

 使用vue creat搭建项目_第11张图片

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

使用vue creat搭建项目_第12张图片

 

你可能感兴趣的:(vue.js)