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