快速在VS Code就这么简单_中搭建_ESLint用于代码质量和一致性
快速在VS Code中搭建Vue项目,就这么简单!
在VS Code中搭建Vue项目其实挺简单的,主要就几个步骤,咱们来一步步细说。 一、安装Vue CLI工具 你得有Vue CLI,这是一个让创建Vue项目变得超级快的手工工具。不过,你得确保你的电脑上装了Node.js,Vue CLI就是基于这个的。操作如下:
- 打开终端或命令提示符。
- 运行:
npm install -g @vue/cli安装Vue CLI。
安装完成后,你可以运行 vue --version 看看是否安装成功。
操作如下:
- 打开终端。
- 导航到你希望创建项目的目录。
- 运行:
vue create my-vue-project,my-vue-project是你的项目名。
它会问你要不要使用默认设置或自定义设置,新手一般直接用默认的就好。
三、打开项目并安装必要的扩展 现在项目创建了,咱们来打开它,然后在VS Code中安装一些好用的扩展。操作如下:
- 在终端中运行:
code my-vue-project打开项目。 - 在VS Code的扩展市场中搜索并安装以下扩展:
- Vetur:用于Vue文件的语法高亮、代码片段等。
- ESLint:用于代码质量和一致性。
- Prettier:用于代码格式化。
操作如下:
- 在VS Code的终端中,运行:
npm run serve。 - 等待服务器启动后,打开浏览器访问 http://localhost:8080,你会看到Vue应用的默认界面。