1.首先打开VSCode,打开终端,输入npm install -g @vue/cli 全局安装vue脚手架。
2.使用vue create firstdemo 命令创建一个Vue项目(firstdemo是项目名称 可以自定义)
3.输入命令之后会出先以下几个选项,第一个是默认的预设方案,会安装Babel和eslint这两个模块,这里我们选择第二种自定义安装的方式。
4.这里我们除了安装Babel和Linter / Formatter外还安装了Router和Vuex模块
5.这个询问我们是否使用History模式路由,我们先选择否。
6.选择格式化代码的方式,我习惯用第三种ESLint+Prettier的模式。
7.询问我们格式化代码的时机,第一个是保存文件时(crtl+S)会自动格式化代码,第二种是Git commit 提交代码时才会格式化代码,为了书写代码规范,我们选择第一种。
8.询问我们把配置文件存放位置,第一个是独立文件存放,第二个是存到package.json中,这里我们选择第二种。
9.询问我们的是否保存当前配置作为预设,选择y。然后会让我们给自己的预设取一个名字,取一个自己喜欢的名字点击回车,开始创建项目啦。由于要安装很多依赖所以会比较慢,静静等待吧。
10.创建完成 先输入cd firstdemo跳转到我们的项目文件夹中,然后npm run serve 启动我们的项目。
11项目启动后访问http://localhost:8080/就可以看到我们的vue脚手架项目了