Vue的开发工具用的是VSCode(Visual Studio Code),这款开发工具是微软官方出品,开源,免费,并且功能相当强大,使用者很多,插件相当丰富,是Vue开发的不二之选。以下对VSCode的使用做一个简单配置。
一、下载地址
https://code.visualstudio.com/
。
二、概念讲解
VSCode
中分Workspace
和Folder
,Workspace
相当于是一个项目的集合,可以添加许多的Folder
,在Workspace
中可以做好一些配置,那里面所有的Folder
都是按照这个配置来的,就不需要我们每次写个项目都配置一下了。而Folder
就是我们的每个项目的文件夹。
三、插件安装
后面开发Vue
项目,使用.vue
的单文件开发,就需要一些插件来帮我们识别.vue
文件。插件安装在Extension
中,点开即可看到一个搜索按钮,可以输入关键字搜索自己想要的插件。
这里我们开发Vue
推荐的几个插件:
Vue - Official
:Vue官方出品的识别.vue
语法的插件。Chinese (Simplified)
:将编辑器设置为中文的插件。Javascript(ES6) code snippets
:ES6
语法提示。Auto Rename Tag
:自动重命名标签。标签都是成对出现的,开始标签修改了,结束标签也会跟着修改。Auto Close Tag
:自动闭合标签。针对一些非标准的标签,这个插件还是很有用的。Prettier
:格式化代码的插件。vscode-icons
:可选。提供了很多类型的文件夹icon
,不同类型的文件夹使用不同的icon
,会让文件查找更直观。Vue VSCode Snippets
:在编写vue代码时,可快速生成代码片段。Vue Peek
:在Vue组件、模块中快速跳转。