Vue全家桶02 Visual Studio Code 开发工具使用

Vue全家桶--02 Visual Studio Code 开发工具使用

2.1 VS Code 优点和下载安装

VS Code 优点

 Visual Studio Code(VS Code/VSC)是一款免费开源跨平台的现代化轻量级代码编辑器...

优点:

1.支持30多种常用语言的语法高亮,并对html,js,css,Angluar等很好的语法支持,并且还支持MarkDown的预览

2.体积小,功能强大,性能好

3.支持命令操作

4.支持Git版本控制器

5.强大的搜索功能

6.最大的优点,免费,跨平台

VS Code 下载地址:https://visualstudio.microsoft.com/zh-hans/

学习手册:https://code.visualstudio.com/docs

2.2 VS Code 布局/插件/常用设置

布局:资源管理器/全局搜素/Git版本控制/Debug调试/插件安装/分屏显示

插件安装:

open in browser --浏览器插件 Alt+B / shift+Alt+B
Vue(Vue 2 Snippets) --安装后有快捷提示
Vetur --语法高亮,智能感知,Emmet等
Auto Rename Tag --自动完成另一侧标签的同步修改
Path Intellisense -- 自动路径补全
HTML CSS Support --让html标签写class智能提示当前项目所支持的样式,安装后有快捷提示

常用设置

自动保存文件 --File => Auto Save
字体大学设置 --File => Preferences => setting

2.3 VS Code 常用快捷键实操

官方快捷键:https://code.visualstudio.com/docs/getstarted/keybindings

快捷键pdf文档:https://code.vistualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

2.4 VS Code 资源管理/Git版本控制/Debug 功能

 资源管理

Git版本控制

Git下载地址:https://git-scm.com/

1.本地环境变量配置,在path中追加git下的cmd目录,类似D:\Git\cmd

2.vs code 打开编辑setting.json 添加git.exe的安装路径

"git.path":"D:/Git/bin/git.exe"

3.创建空文件夹,通过git init初始化为git仓库

Debug调试 -- https://code.visualstudio.com/Docs/editor/debugging

You are never too old to set another goal or to dream a new dream!!!
原文地址:https://www.cnblogs.com/youguess/p/15428491.html