vscode的快捷键一些必备插件

ctrl + F 查找

ctrl + H 替换

ctrl + / 行注释

Shift + Alt + A 块注释

Ctrl + Shift + Enter 上方插入一行

Ctrl + Shift +F 文件夹查找

Ctrl + Enter 下方插入一行

Alt + Shift +F 格式化代码

Ctrl + Shift + P 打开搜索按钮

插件

CSS Peek CSS追踪 Ctrl + 点击CSS (高占用CPU)

Prettier - Code formatter 代码格式化工具

Icon Fonts

open in browser

npm

npm intellisense

javascript

HTML CSS Support (高占用CPU)

Git Easy

ESlint

Chinese

Auto Rename Tag

Code Runner

Auto Close Tag

Path Autocomplete

HTML Boilerplate

Bracket Pair Colorizer

Filesize 显示当前文件的大小 显示在编辑器的左下角状态栏

Color Info

Debugger for Chrome

sass stylus less

Beautify css/sass/scss/less

Polacode 将代码片段生成图片用于传播

Quokka 自动打印console.log()内容或者提示

faker 类似mock.js

SVG Viewer 打开 SVG 文件并查看转换为 PNG 格式和生成数据 URI 模式的选项

Minify 压缩合并js和CSS文件

Regex Previewer 实时测试正则表达式的实用工具

Language and Framework Packs 添加框架包 Vue React Native Angular

code spell checker 不能安装

安装node

安装 webpack npm install webpack -g

安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org

临时使用淘宝镜像 在下载后面加 --registry https://registry.npm.taobao.org

安装vue-cli:

1.npm install -g vue-cli

2.vue init webpack (项目名称)

3.cd (项目名称)

4.npm install

5.npm run dev

访问 localhost:8080/

安装stylus

npm i stylus stylus-loader --save-dev

npm install -g @vue/cli 安装最新的vue-cli

vue --version 查看vue的版本

输入 vue ui 打开vue-cli3.0的可视化界面,默认端口localhost:8000