Vue3.0项目的搭建到开发
1.环境安装
（1）Nodejs安装：
直接网上下载安装即可
输入node -v查看安装版本。
（2）vue/cli安装：
执行npm install -g @vue/cli安装
如果已经安装了旧版的可以通过npm uninstall vue-cli -g卸载后，重新安装最新版本
执行命令vue -V 查看是否安装结束
2.搭建vue项目：
vue create 项目名
选中Manually select features，自定义自己需要的配置（空格是选中）：
一般开发商业级项目必须安装一下5个插件：
Babel、Router、 CSS Pre-processors、Vuex 和 Linter / Formatter
由于这个项目我需要typescript开发，所以再选中一下typescript
◉ Babel // vue项目中普遍使用es6语法，但有时我们的项目需要兼容低版本浏览器，这时就需要引入babel插件，将es6转成es5
◉ TypeScript // TypeScript（TypeScript可以节省您捕获错误的时间并在运行代码之前提供修复。任何浏览器，任何操作系统，任何运行JavaScript的地方）
◯ Progressive Web App (PWA) Support // 渐进式Web应用程序（PWA）支持
◉ Router // 路由
◉ Vuex // 状态管理模式
◉ CSS Pre-processors //CSS预处理器(比如要用sass或者cssNext就要按照人家规定的语法形式，就是用人家的语法去编写，然后人家把你编写的代码转成css。)
◉ Linter / Formatter // 格式化程序
◯ Unit Testing // 单元测试
◯ E2E Testing // 端到端（end-to-end）
使用类风格的组件语法?
Use class-style component syntax? y
使用Babel与TypeScript一起用于自动检测的填充
Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)
路由模式
Use history mode for router? y
选择一种css 预处理器
Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default)
Sass/SCSS (with dart-sass) // 选择sass
选择 代码格式化检测
Pick a linter / formatter config:
ESLint with error prevention only // 就是说只有错误时才提醒
选择其他lint功能：
Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection, and <enter> to
proceed)
◉ Lint on save // 保存时检测
如何存放配置：
Where do you prefer placing config for Babel, ESLint, etc.?
In dedicated config files // 独立的文件放置
❯ In package.json // 放到package.json中
是否保存本次配置（保存之后在下次创建项目时即可选择预设置项）
Save this as a preset for future projects? Yes
// 如果选择了yes 最后会提示输入保存的名称，输入回车即可
Save preset as: vue3_config
到此项目创建结束。
