前臺IDE安裝及啟動
阿新 • • 發佈：2018-05-02
RM vue-cli 鏡像 file ebs pac href 裝包 ali
一、 首先下載前臺ide工具
一般前臺用webstorm，Visual Studio Code, sublim等，開發工具因個人決定，下面我用webstorm為舉例
- 訪問https://www.jetbrains.com/webstorm/ ，下載WebStorm-2017.3.4.exe安裝包。
- 下載完畢後安裝到本地電腦。
- 破解webstorm
- 註冊時，在打開的License Activation窗口中選擇“License server”，
在輸入框輸入下面的網址：http://idea.codebeta.cn
5打開webstorm 並點擊工具欄中的File按鈕並點擊open按鈕：
6導入項目文件
二、 安裝nodejs，管理js包
- 訪問https://nodejs.org/en/ ，下載nodejs並安裝到本地
- 配置nodejs的配置環境
在path中設置nodejs的環境變量
在widows終端通過npm –v 查詢是否安裝正確
三、 安裝完畢後，回到ide中打開剛剛導入的項目，在終端中（快捷鍵 alt+f12），輸入 npm install,如果下載包失敗，說明這個工程可能不是npm管理的，這時通過 windows終端輸入 npm install -g cnpm --registry=https://registry.npm.taobao.org 下載淘寶制作的鏡像（參考
四、 下載成功cnpm 後，在ide終端輸入 cnpm install(優先使用npm 如果報錯，才使用cnpm) 下載依賴包，下載成功後 再次輸入cnpm run dev打開開發者模式，這樣項目自動就可以打開了
五、 編譯項目cnpm run build:prod
六、 創建項目
- 創建一個目錄：在該目錄下cmd
- 先下載webpack 和 vue-cli
使用 npm install webpack –g和 npm install vue-cli –g 命令下載
- 創建項目：
通過 vue init webpack 項目名稱
項目創建成功
- 打開項目：
打開webstorm 點擊open 選擇項目
七、 項目附件：參考項目
前臺IDE安裝及啟動