Visual Studio Code配置
来源:互联网 发布:阿里云欠费 编辑:程序博客网 时间:2024/05/17 02:04
- typings
- 插件
1 typings
- 智能提示工具
- 如果未安装node, 请先安装nvm(node版本管理工具)
安装typings
npm install -g typings
更新typings
npm update -g typescript
- 安装提示补全,需要进入到项目根目录下,安装完后,会在根目录下出现一个typings的文件夹
安装node.js补全
typings install dt~node --global
安装koa补全
typings install dt~koa
开启智能提示
方法1 在需要智能提示的文件顶部添加提示信息文件所在的目录,注意文件之间的相对位置
/// <reference path="./typings/index.d.ts" />
方法2 在项目的根目录下添加一个
jsconfig.json
文件,内容可以参考JavaScript in VS Code{ "compilerOptions": { "target": "ES6" }, "exclude": [ "node_modules", "**/node_modules/*" ]}
- 对提示有特殊要求的自行参看文档,没有特殊要求的就用上面的这个。
2 插件
- Auto Close Tag: 匹配标签。
- 当输入<h1>时会自动出现</h1>
- Atom One Dark Theme: 主题
- Auto-Open Markdown Preview: markdown实时预览
- Auto Rename Tag: 修改标签辅助。
- 修改一个会自动修改另一个
- beautify: 代码格式化工具。
- 按F1, 输入beautify file或者beautify selection,选择并确定。
- colorize: 在css中写颜色相关代码时显示颜色。
- ESlint: 语法错误检查,默认已安装
- fileheader: 添加文件头部注释。
- ctrl+alt+i会在文件头部添加注释,在全局设置中找到fileheader相关进行设置
- Git History: git历史记录
HTML Snippets: H5代码片段以及提示。
- 需要在全局设置中找到 files.associations 进行设置
"files.associations": { // extension name : html "*.tpl": "html", "*.js": "html"}
- HTML CSS Support: 让HTML标签上写class智能提示当前项目所支持的样式
- HTMLHint: Html代码检测
- JavaScript Atom Grammar: atom风格的语法高亮
- JavaScript (ES6) code snippets: ES6语法代码段
- jQuery Code Snippets: jQuery提示工具
- markdownlint: markdown格式提示
- 按下F8看效果
- npm: npm支持
- Npm Intellisense: node.js require提示
- Path Intellisense: 路径智能提示
- Path Autocomplete: 路径智能补全
- Project Manager: 多个项目切换工具
- 按F1,输入Project Manager: Save Project
- 输入一个名称表示当前项目
- 按F1,输入Project Manager: List Project To Open
- 选择想要打开的项目,然后确认
- TODO Parser: TODO管理
- 打开当前文件,在工具的底部左侧,有一个文档图标的表示TODO的个数
- 按F1,输入TODO,可以看见Prase TODOs(all files)和Prase TODOs(current documents)两个选择
- vscode-icons: 给资源目录加上图标,非常棒
阅读全文
0 0
- Visual Studio Code配置
- Visual Studio Code 配置指南
- Visual Studio Code 配置指南
- Visual Studio Code 的个人配置
- Visual Studio Code --GO开发工具配置
- .NET Core Visual Studio Code 环境配置
- Visual Studio Code安装和配置
- visual studio code的python配置
- Visual Studio Code C&&C++ 编译配置
- Visual Studio Code 自定义Snippet配置
- Visual Studio Code配置PHP开发环境
- Visual Studio Code 如何配置自动编译
- Visual Studio Code的插件配置
- vs code (visual studio code)配置git和markdown
- Visual Studio Code
- visual studio code
- visual studio code基础
- Visual Studio Code 笔记
- 在页面上获取controller中的值
- oracle 修改字符集 修改为ZHS16GBK
- WEB后台通用平台构建之一:环境构建
- 【Java IO流】RandomAccessFile类的使用
- 线程数据不一致实例
- Visual Studio Code配置
- RestTemplate text/html HttpMessageConverter报错的解决方案
- Hive分析窗口函数(四) GROUPING SETS,GROUPING__ID,CUBE,ROLLUP
- mongodb 查询条件
- eclipse安装lombok插件
- ssh-add 配合 ssh-agent 免密登陆多台机器。
- Oracle 伪列总结
- layer使用post发送请求加载数据
- 生成.so库