VUE项目使用

VUE项目需要安装node.js 在项目按shift点右键，会有命令（在此处打开Powershell窗口  然后npm run dev启动）

1、开发工具VScode和webstorm和IDEA

VSCode是微软出的一款轻量级代码编辑器，免费而且功能强大，对JavaScript和NodeJS的支持非常好，自带很多功能，

例如代码格式化，代码智能提示补全、Emmet插件等。VSCode推荐一个项目以文件夹的方式打开。

2、vue下载及插件

进入vscode官网（https://code.visualstudio.com/Download）

进入vscode官网插件（https://marketplace.visualstudio.com/VSCode）

• vetur 语法高亮、智能感知
• VueHelper vue代码碎片
• Vue 2 Snippets vue2代码碎片

3、导入工程

• 在vscode ide中选择"文件"-->"打开文件夹"
• 将构建好的vue工程导入
• 安装vue相关插件之后,vscode会有代码提示功能

4、快捷键

所有快捷键设置：文件→首选项→键盘快捷方式

在当前行中间换行到下一行：ctrl+enter 

当光标点击到某一行时，默认选中全行，可以直接复制剪切 

直接删除某一行：shift+delete或者ctrl+shift+k 

多行光标选择：alt+鼠标左键 

自动生成html结构和meta声明：首先输入“!”，然后按tab键 

标签自动补全：tab键 

折叠所有代码：ctrl+k、ctrl+0 

拆分编辑器：ctrl+\ 查找框右边的3个参数分别为：区分大小写，全字匹配，使用正则 

跳转行号：ctrl+G 

添加函数注释：在函数上方输入“/**”，然后点击enter 

格式化：alt+shift+f 

注释：ctrl+/ 

全部保存：ctrl+k, 然后只按s一个键 

向上移动一行：alt+↑ 

向下移动一行：alt+↓ 

向上复制一行：alt+shift+↑ 

向下复制一行：alt+shift+↓ 

查找：ctrl+F 

替换：ctrl+H 

文件夹中查找：ctrl+shift+f 

可以在打开的文件夹中搜索所有文件内容

文件中替换：ctrl+shift+h 

转到定义：F12 

转到实现：ctrl+F12 

打开文件夹：ctrl+k, ctrl+o 

关闭文件夹：ctrl+k, 然后单按一个f 

选中一段代码，通过“ctrl+[”可以左移，“ctrl+]”可以右移

快捷键

所有快捷键设置：文件→首选项→键盘快捷方式

在当前行中间换行到下一行：ctrl+enter 

当光标点击到某一行时，默认选中全行，可以直接复制剪切 

直接删除某一行：shift+delete或者ctrl+shift+k 

多行光标选择：alt+鼠标左键 

自动生成html结构和meta声明：首先输入“!”，然后按tab键 

标签自动补全：tab键 

折叠所有代码：ctrl+k、ctrl+0 

拆分编辑器：ctrl+\ 查找框右边的3个参数分别为：区分大小写，全字匹配，使用正则 

跳转行号：ctrl+G 

添加函数注释：在函数上方输入“/**”，然后点击enter 

格式化：alt+shift+f 

注释：ctrl+/ 

全部保存：ctrl+k, 然后只按s一个键 

向上移动一行：alt+↑ 

向下移动一行：alt+↓ 

向上复制一行：alt+shift+↑ 

向下复制一行：alt+shift+↓ 

查找：ctrl+F 

替换：ctrl+H 

文件夹中查找：ctrl+shift+f 

作者：IMUKL
链接：https://www.jianshu.com/p/cab79d188e42
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://www.cnblogs.com/yanqb/p/10857070.html