安装vue
通过npm安装
npm install -g vue
通过yarn安装yarn global add vue
查看vue版本号vue --version
创建项目
vue create '项目名称'
- 这里是选择一个预设：（通过键盘上下键选择，回车选中）
- Vue3（Babel + ESLint）
- Vue2（Babel + ESLint）
- 手动选择特性（面向生产项目的需要，更加符合Vue的渐进式特性）
- 这里是根据你的项目需求选择你需要配置的特性(通过空格选中，回车确认所有已选中)
- Progressive Web App (PWA) Support---支持渐进式Web应用程序（PWA）
- Linter / Formatter---代码风格检查和格式化
- Unit Testing---单元测试
- E2E Testing---e2e测试
- 选择你需要的vue版本
- 选择路由的模式（这里我输入的是n）
- 输入Y表示history模式
- 输入n表示默认模式
- 选择css预处理器（这里我选择的是scss）
- 关于dart-sass可以参考文档
- 自动代码格式检测（这里我选择的是ESLint + Prettier）
- 自动代码格式检测时间（这里我选择的是Lint on save）
- Lint on save（保存时检测）
- Lint and fix on commit（提交的时候检测）
- 将配置文件放在哪里（我选择的是单独文件保存）
- 单独文件保存配置文件
- 保存在package.json中
- 是否记住以上配置，方便下次直接创建（我选择的是y）
- 为你保存的配置命名，然后选择yarn还是npm（我选择的是yarn）
启动项目
- 进入目录文件
cd my-blog
- 快速通过vscode打开(不能使用此方法打开的话，乖乖导入文件)
code ./
- 启动项目
yarn serve
