使用Sublime Text3开发AngularJs

之前的Sublime环境安装插件弄得有点乱，卸载了重新安装；

1. 安装sublime： https://www.sublimetext.com/3 

2. 注册： 

—– BEGIN LICENSE —–
Alexey Plutalov
Single User License
EA7E-860776
3DC19CC1 134CDF23 504DC871 2DE5CE55
585DC8A6 253BB0D9 637C87A2 D8D0BA85
AAE574AD BA7D6DA9 2B9773F2 324C5DEF
17830A4E FBCF9D1D 182406E9 F883EA87
E585BBA1 2538C270 E2E857C2 194283CA
7234FF9E D0392F93 1D16E021 F1914917
63909E12 203C0169 3F08FFC8 86D06EA8
73DDAEF0 AC559F30 A6A67947 B60104C6
—— END LICENSE ——

3. 安装package  controller: 

https://packagecontrol.io/installation

命令： Alt+`  输入 sublime 3 对应的命令

 

4. 安装AngularJs

Ctrl+Shift+P  --> package  install --> angularjs 

安装

5. 安装HTMLPrettify

设置node的命令路径

6. 浏览器预览：

选择Tools - Build System - New Build Syatem...

然后粘贴代码

{

     "cmd": ["chrome", "${file}"],

     "working_dir": "${file_path}",

     "shell":true,

     "variants":

     [

          {

            "name": "Run",

               "cmd": [ "firefox","${file}"]

          }

     ]

}

保存成 html.sublime-build

将其中的chrome 和firefox换成你希望的浏览器的路径，

然后在编写html时,设置Build System为html,就可以通过ctrl+B启动chrome打开html，shift+ctrl+B启动firefox 打开html

我的-->

{

    "cmd": ["C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", "${file}"],

    "working_dir": "${file_path}",

    "shell": true,

    "variants": [{

        "name": "Run",

        "cmd": ["C:\\Program Files (x86)\\Mozilla Firefox\\firefox.exe", "${file}"]

    }]

}

 

 Ps： 常使用的快捷键：

文件栏的隐藏和展开: Ctrl+K，B 

代码缩略图： Ctrl+Shift+p  打开命令面板，输入：toggleminmap  

 Ctrl+D  Ctrl+shift+L Ctrl+L  滚轮  Ctrl   多重选择

查找和替换：Ctrl+F  F3(Next )  Shift+F3(Previous)   Ctrl+H   Ctrl+Shift+F

Alt+Shift+1,2,3,4   5 8  9   多窗口开发

F11   Shift+F11  免打扰开发 

Ctrl+P   文件选择

 Ctrl +   Ctrl -   代码放大缩小  

tab   补全代码

ctrl+shift+h  html prettify 格式化选中的代码 

ctrl+B  shift+ctrl+B 浏览器中预览 

 

Ctrl+M 光标移动至括号内开始或结束的位置
Ctrl+Shift+M 选择括号内的内容（再次按住继续选择父括号）

Alt+. 闭合当前的标签
Ctrl+Shift+[ 折叠代码
Ctrl+Shift+] 展开代码

Ctrl+Shift+UP 与上行互换
Ctrl+Shift+DOWN 与下行互换
Ctrl+Enter 插入行后
Ctrl+Shift+Enter 插入行前

Ctrl+J 合并行(已选择需要合并的多行时)

Ctrl +KK, 从光标处删除至行尾
Ctrl+Shift+K 删除光标所在的整行

-=-=-=--=-=-=-=-=-=我是分割线

这是我暂时使用的开发Angularjs的环境，有不同的方式的朋友可以给我补充O(∩_∩)O~~

 

转载于:https://www.cnblogs.com/yys369/p/5516078.html