vue3.0学习记录(1)

vue3.0官方文档地址

https://v3.vuejs.org/

使用 vue-cli 配置 vue3 开发环境

1. 卸载旧版本 vue-cli npm uninstall vue-cli -g
2. 如果出错，有可能是npm的全局路径遭到了更改，则运行以下命令：npm config set prefix /usr/local
3. 安装 vue-cli npm install -g @vue/cli
4. 使用 vue --version 命令查看版本
5. 输入：vue create xxxx xxxx表示项目名称
6. 进入选项，第一个有三个选项，vue2模版、vue3模版和手动选择一些特性（添加typescript支持就需要选择第三项）
7. 第二个选项中上下进行切换，按空格进行选择
8. 第三项选择 3.x（Preview）这个3的版本
9. 第四项是是否需要类类型的组件来支持typescript，选择n
10. 第五个选择是问是否需要babel来结合typescript来使用，选择n
11. 第六个是询问ESLint的一些配置，选择第一项默认就可以了
12. 第七个是询问lint的一些特性，是要在默认保存的时候lint还是在commit的时候帮你fix，选择第一项 Lint on save
13. 第八个是询问是要把这些配置文件放到单独的文件中还是package.json文件中，选择放到单独的文件里
14. 最后一个问题是要不要把选择保存下来，为以后的新项目做准备，可以一键安装

以上是命令行安装方式，也可以使用ui界面进行安装，输入命令 vue ui就可以了，打开网址然后创建，然后选择位置新建项目，按照上面的流程下一步下一步就可以了

安装一些插件可以让开发过程更完善

1. eslint 不用引入可以直接使用，如果没有生效，在根目录新建一个 .vscode文件夹，在里面新建一个settings.json文件然后添加一个字段

{
	"eslint.validate":["typescript"]
}

2. vetur