小编给大家分享一下如何使用vue-cli3 创建vue项目并配置VSCode自动代码格式化vue语法高亮问题，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！
vue是什么
Vue是一套用于构建用户界面的渐进式JavaScript框架，Vue与其它大型框架的区别是，使用Vue可以自底向上逐层应用，其核心库只关注视图层，方便与第三方库和项目整合，且使用Vue可以采用单文件组件和Vue生态系统支持的库开发复杂的单页应用。
在终端中运行以下命令:
vue create xxx // xxx为项目名称，例如 vue-project
然后，系统会提示我们选择默认预设或手动选择功能。使用向下箭头键，我们手动选择功能，然后按Enter键。
然后，我们将看到一系列功能选项。使用向下箭头键，我们将向下移动并使用空格键选择需要的功能，然后按回车键。
Linter/Formatter 就是代码风格。 我们将使用 ESLint + Prettier
我们将在保存时添加Lint的附加功能。
我们将选择单独的配置文件。
我们可以选择是否将这些所有的设置保存起来，下次生成项目时，直接使用。这里不需要，就选择 N
如果你想储存下来，这是设置会储存在 这里我们选择<代码> npm> 项目创建完成后,cd <代码> 进入项目根目录,例如:<代码> cd vue-project 然后,在根目录运行命令:<代码> npm运行服务代码> localhost: 8080> <强>安装Vetur 此时,我们用<代码> VS代码打开项目,<代码>。vue> 。vue 文件的语法高亮。 所以就需要安装<代码> Vetur 这个插件帮助我们。打开左侧的插件市场。 然后搜索“Vetur”,在搜索结果中选择它,然后单击“安装/安装”。然后单击“重新加载/重新加载”。 此时,我们的<代码>。vue 文件就有语法高亮了。 另外,<代码> Vetur> .vuerc> 
module.exports =, {
根:,,,,真的,
,,,env: {
节点:,,,,真的
,,},
,,& # 39;延伸# 39;:,
,,,& # 39;插件:vue/重要# 39;
,,,& # 39;插件:漂亮/推荐# 39;,,//,added 我方表示歉意却;能够行
,,,& # 39;@vue/漂亮# 39;
,,,,
,,,规则:{
,,,& # 39;no-console& # 39;:, process.env.NODE_ENV ===, & # 39;生产# 39;,?,& # 39;错误# 39;,:,& # 39;从# 39;
,,,& # 39;no-debugger& # 39;:, process.env.NODE_ENV ===, & # 39;生产# 39;,?,& # 39;错误# 39;,:,& # 39;从# 39;
,,},
,,,parserOptions: {
,,,解析器:,& # 39;babel-eslint& # 39;
,,}
以前,,}如何使用vue-cli3创建vue项目并配置VSCode自动代码格式化vue语法高亮问题
