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