VSCode杂记

原创
2018/10/28 09:49
阅读数 249

1.预览 Markdown快捷键:Ctrl + Shift + V,会新生成一个预览页;

2.VSCode显示所有函数列表 方法一:显示大纲 方法二:Shift+Ctl+O

 

3.vscode vue es6语法配置检测

插件下载 ESLint,JavaScript(ES6) code snippets

检查项目根目录下里是否有名为 .eslintrc.js 的配置文件,有则直接进入以下第3步。

没有配置文件,在项目根目录下创建2个配置文件.eslintrc.js, .eslintignore ,配置参考链接

 

4. VS Code JavaScript (ES6) snippets

此插件,还可以将es5转换成es6,很是方便

安装后,点击  ... ,再弹出修复后,点击,出现“转换成ES2015类”

 

5、Better Align 对齐插件:使用方法

6、Npm Dependency: nodejs一键升级插件包 vscode-npm-dependency

7、Project Manager:项目切换插件,要编辑json,指定项目位置

[
    {
		"name": "项目名称",
		"rootPath": "项目路径",
		"paths": [],
		"group": "",
		"enabled": true
	}
]

 

8、Prettier Formatter for Visual Studio Code:格式化工具,感觉比自带和beautif好

Prettier - Code formatter

 

 

9、vscode setting.json备份

{
    //"eslint.options": {"configFile": "D:/DEV/Nodejs/ESLint/.eslintrc.js"},

    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    "eslint.autoFixOnSave": true,
    "explorer.confirmDragAndDrop": false,
    "editor.detectIndentation": false,
    "editor.tabSize": 4,
    "eslint.nodePath": "D:\\DEV\\Nodejs",
    //  #去掉代码结尾的分号 
    "prettier.semi": false,
    //  #使用带引号替代双引号 
    "prettier.singleQuote": true,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "terminal.integrated.shell.windows": "C:\\windows\\System32\\cmd.exe",
    "editor.wordWrapColumn": 300
}

 

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部