使用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自定义搭建,回车确认

 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

猜你喜欢

转载自blog.csdn.net/baidu_39009276/article/details/132022564
今日推荐