寫在前面
我在之前寫了兩章關於如何使用ThreeJs來構建3D倉庫的文章,在項目中我使用的是intellij idea這個集成開發環境,非常適用於JAVA程序的開發與調試。但是我們這次介紹的不是IDEA的使用,因爲我們這個項目是一個Web項目,在IDEA上還需要配置Tomcat服務器,對於新手來說非常不方便,而且啓動本地Tomcat也比較佔內存,像我這樣的渣渣電腦表示很苦逼。
所以今天我爲大家隆重推薦一款強大的跨平臺文本編輯器——Atom,大家可以去三個地方下載(安裝想必大家都會的~):
1.Atom官網: 點擊跳轉,服務器在國外,訪問可能有點慢。
2.Atom在Github上的地址: 點擊跳轉,GitHub在國內訪問也有點慢~
3.國內鏡像: 點擊跳轉,這是Atom項目在GitHub上的國內鏡像,速度很快。
Atom簡介
何爲 ATOM
Atom 是專門爲程序員推出的一個跨平臺文本編輯器。具有簡潔和直觀的圖形用戶界面,並有很多有趣的特點:支持 CSS,HTML,JavaScript 等網頁編程語言。它支持宏,自動完成分屏功能,集成了文件管理器。
爲什麼用 ATOM
1.開源 — 遵循 MIT 協議,代碼託管在 Github 上。
2.多平臺 — 支持 MAC/WIN/LINUX(支持源碼編譯安裝,也提供二進制安裝包)。
3.豐富的插件庫 — 開源到現在一年了…社區的各種插件豐富起來了,且 Atom 的插件支持在線更新。
4.類 Sublime — 風格和 sublime text 極其相似,不管是風格還是操作上,快捷鍵上一些是通用的,應該借鑑
5.採用包管理技術 — 採用了 node.js 來訪問文件系統和包管理。
6.強大的生命力 — 背靠 Github 社區,這對於 Atom 來說,可以注入源源不斷的生命力。
如何漢化
漢化對於我這種英語學渣來說還是很重要的(雖然大學裸考過了四六級,歐皇附身全程蒙過),幸好Atom的漢化非常簡單,歸功於強大的插件,不需要再去下載什麼漢化包或者破解補丁之類的,首先打開Atom的設置(我的已經漢化過了,大家看着樣子來就可以了):
點擊安裝拓展包/主題,在搜索欄中輸入chinese,第二個插件就是的:
推薦安裝的實用插件
插件名 | 描述 |
---|---|
atom-beautify | 快速格式化插件 |
atom-ternjs | JavaScript語法智能提示 |
atom-html-preview | 網頁預覽插件 |
autosave | 自動保存插件 |
自動保存插件
這個插件其實是Atom自帶的,不過默認沒有啓用,習慣了IDEA的我很難再去適應改一下代碼就要按下CTRL+S保存,經常會忘了保存,使用這個插件的話只要光標的位置改變了,就會自動保存文件,非常方便,我們在這裏啓用它,勾上Enabled。
網頁預覽插件
因爲我們要開發的是網頁端的項目,所以網頁預覽功能是必不可少的,安裝完atom-html-preview這個插件之後,我們在HTML文件上右鍵點擊預覽
就可以看到如下的效果,是不是很贊呢,哈哈!話說Atom的分屏效果也是很贊呢。
一點小提醒
安裝完Atom是自動啓動GitHub相關的插件的,但是國內的環境大家也懂的,我第一次使用的時候內存直接飆到了90多,而且絲毫沒有停下來的意思。後來我上百度問了下原來是GitHub的原因,我猜想可能是插件一直去連接GitHub的網站但是一直連不上導致的,所以如果大家的項目不放在GitHub上的話大可關閉這個插件。在設置——擴展包——搜索欄中輸入github,將搜索出來的兩個插件停用,這樣就不會再卡了。
結束語
我跟廣大學習ThreeJs的初學者一樣,仍帶着懵懂的心去探索這片新大陸,CSDN上的許多前輩都給了我很多關鍵的靈感和技術方法,如果大家有興趣,也可以互相交流成長。
鏈接:使用ThreeJs從零開始構建3D智能倉庫——第一章: 點我跳轉.
鏈接:使用ThreeJs從零開始構建3D智能倉庫——第二章: 點我跳轉.