使用脚手架创建Vue项目

首先解释一下什么是脚手架?没有脚手架,我们使用webpack作为打包时,需要下载很多支持vue开发的包或插件,并且需要自己配置,十分繁琐,脚手架是一个命令行工具,就像npm这样,脚手架帮助我们快速的创建vue项目,并且我们不需要考虑项目搭建的过程,直接写自己的代码即可,十分方便。
1、使用脚手架创建vue项目,首先需要下载安装脚手架。win+R打开命令窗口,输入npm i -g @vue/cli
在这里插入图片描述
2、安装成功后,使用vue create my-project
在这里插入图片描述
3、选择使用手动方式配置
在这里插入图片描述
4、选择项目中需要用到的工具,使用空格键选择/取消选择,回车完成选择
在这里插入图片描述
5、浏览器提供两种路由模式,history(历史)、hash(哈希),这里推荐使用哈希,即输入n回车
在这里插入图片描述
6、选择ESlint语法版本,推荐标准配置在这里插入图片描述
7、什么时候进行ESlint语法校验,推荐第一个
在这里插入图片描述
8、将刚才选择选择的工具的配置单独写在一个文件中还是写在package.json中?选择单独一个文件中
在这里插入图片描述
9、将以上配置保存起来以供以后直接使用还是?我选择N,也可选Y
在这里插入图片描述
10、等待项目创建完成,切换到项目目录中,运行npm run serve
在这里插入图片描述
11、打开url地址,即可看到创建的项目
在这里插入图片描述