vue3创建项目

vue3创建项目过程

第一步

• 创建命令 vue create 项目的名称
• 如果是使用vue命令第一次创建项目 会让你选择是否使用淘宝镜像 输入 y就好了 如果不是第一次 则没有改选项

第二步

选择创建项目的方式

选择最后一个 Maually select features 意思是自定义项目 可以通过键盘的上下键选择 选中之后点击enter
选择vue 版本 及需要安装的依赖
choose vue version 选择版本的意思 要选择
babel 是一个将es6代码转化为es5代码的工具 要选择
TypeScript 这个是ts 我们不需要选择
Progsressive Web App (PWA) Support 是否需要PWA支持 我们不需要选择
router 是vue的录用插件 要选择
vuex 状态管理库 插件 要选择
css Pre-processors css预处理 需要选择
linter/formatter 这个是eslint 这个我们不要选择
unit Testing 表单测试 暂时不需要选择
E2E testing 表单测试 不需要选择

• 选择结束后点击enter

选择vue版本

2.X
3.x 我们这里选择3.x版本 选择3.x版本就是使用vue3 选完后点击enter
use history mode for router? 是否使用history模式 我们的路由共有两种模式 一种是hash 另一种是history模式 因为history模式需要服务器配合配置路径 所以这里我们选择 n
pick a css pre-processor 选择css预处理语言
sass/scss (with dart-sass)
sass/scss (with node-sass) 我们选择node-sass
less
stylus

• 选完之后点击enter

where do you prefer placing config for babel eslint etc. ?

In dedicated config files 选择这个会创建一个config文件
In package 这个会将babel及eslint 安装到package.json中

• 这两个选哪一个都可以

save this as s perset for future projects? (y/n) 是否为将来的项目 保留当前配置 y 会保当前配置 n 不保留

写n后直接安装
写y需要定义一个名字
save preset as: 自定义的名字 （需要是英文） 选择n不会出现这一步
pick the package manager to use when installing dependencies 选择安装依赖包的命令 如果不是第一次创建项目 没有选项
use Yarn
use NPM

• 选择哪一个都可以 选择之后点击enter开始创建项目