前臺IDE安裝及啟動
阿新 • • 發佈:2018-05-02
RM vue-cli 鏡像 file ebs pac href 裝包 ali
http://npm.taobao.org/地址)
下載項目
一、 首先下載前臺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安裝及啟動