VUE官网:https://www.vue3js.cn/
VUE官方教程:https://v2.cn.vuejs.org/v2/guide/
Vite官网:https://cn.vitejs.dev/guide/
Element Plus官网:http://element-plus.org/zh-CN/
VsCode常用快捷键
vscode 代码自动对齐快捷键:Shift+Alt+F
VsCode常用插件
- Chinese (Simplified): 这个插件将 VSCode
的界面翻译成简体中文,对于中文用户来说很方便。如果您习惯使用英文界面,那么这个插件不是必须的。
- Vue - Official: 这是 Vue 官方推荐的插件,提供 Vue 3 的语言支持,包括语法高亮、智能感知、代码片段等。
- Vite: 这个插件为使用 Vite 作为构建工具的 Vue 3 项目提供支持,包括启动和构建项目的能力。
- Vue Peek: 这个插件允许您快速查看和跳转到 Vue 组件的定义。随着 VSCode 和 Vue - Official
插件的改进,这个插件的功能可能已经内置,因此可能不再需要。
- Auto Rename Tag: 自动重命名配对的 HTML/XML 标签。如果您经常编写 HTML,这个插件可以提高效率。
- Browse Lite: 这个插件允许您在 VSCode 内预览网页。对于前端开发来说,这是一个有用的插件,但不是必需的。
- Path Intellisense: 自动完成文件路径,包括导入语句中的路径。这个插件可以节省时间,避免拼写错误。
- Prettier - Code formatter: 代码格式化工具,可以帮助您保持代码风格的一致性。这个插件在很多项目中都是推荐的。
- Tailwind CSS IntelliSense: 为使用 Tailwind CSS
框架的项目提供智能感知、自动补全和语法高亮。如果您使用 Tailwind CSS,这个插件非常有用。
- Vue VSCode Snippets: 提供了一系列 Vue 代码片段,可以快速插入常用的 Vue 代码结构。这个插件可以提高编写
Vue 代码的速度。
- ESLint: 一个插件,用于集成 ESLint,一个流行的 JavaScript 代码检查工具。它可以帮您发现并修复代码中的问题。
哪些可以不用?
- Vue Peek: 如前所述,如果您使用的是最新的 VSCode 和 Vue - Official 插件,Vue Peek的功能可能已经内置。
- Browse Lite: 这个插件不是必需的,尤其是如果您已经有一个喜欢的浏览器用于预览网页。
- Tailwind CSS IntelliSense: 如果您的项目不使用 Tailwind CSS,那么这个插件不是必需的。
- GitLens: 增强 VSCode 内置 Git 功能的插件,提供详细的代码作者信息、历史对比等。
- Git Graph: 一个可视化的 Git 插件,可以帮助您更好地理解和管理代码的历史和分支。
- Quokka.js: 一个用于 JavaScript 和 TypeScript 的实时编码环境,可以立即反馈代码的结果。
- Vue i18n Ally: 如果您的 Vue 应用需要国际化支持,这个插件可以帮助您管理应用的翻译。
- Vetur: 尽管 Vue - Official 是新的推荐插件,但 Vetur 仍然被广泛使用,并且提供了对 Vue 2 的支持。如果您在项目中同时使用 Vue 2 和 Vue 3,Vetur 可能仍然有用。
(