使用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~~