Web 前端環境搭建 Vue版

XiaoChen發表於2018-10-11
Web前端Vue

Node.js

點選下載 Node.js v8.11.3，更多版本可登入 Node.js 官網 檢視下載。

下載結束後，點選安裝，一路 Next。

注：部分瀏覽器可能提示威脅，不用管他，直接點儲存

安裝完成後可開啟 cmd 工具鍵入 node -v 來檢測是否安裝成功，若出現版本資訊即表示安裝成功，介面如下：

C:\Users\czq>node -v
v8.11.3

C:\Users\czq>

複製程式碼

若未出現此介面，先不要著急，如果確認安裝已經成功去檢查一下環境變數 Path 是否新增，若未新增，手動新增即可，新增完成後即可重複以上步驟檢測是否安裝成功。

如何開啟環境變數不多描述，不會的同學請自行百度。

Npm

由於新版的 Node.js 已經整合了 npm，所以之前安裝 Node.js 時 npm 也一併安裝好了， 可以通過 cmd 輸入 npm -v 來測試是否成功安裝

升級 npm:

npm install npm -g
複製程式碼

Nrm

nrm (npm registry manager )是 npm 的映象源管理工具，有時候國外資源太慢，那麼我們可以用這個來切換映象源。

npm install -g nrm
複製程式碼

安裝完成後即可直接使用，通過 nrm ls 命令顯示出所有可用的源列表， 通過 nrm use taobao 切換至國內淘寶源。

Vue

安裝 Vue Devtools

安裝 Vue CLI

npm install -g @vue/cli
複製程式碼

Vue 環境搭建參考文件

Webpack

npm install webpack -g
複製程式碼

IDEA

憑個人喜好 Webstrom、Sublime、Atom、Visual Studios Code 等都可以。

版本控制

點選下載 Git 並安裝，繼續一路 Next 。

注：環境變數記得新增。

點選下載 TortoiseGit 並安裝，同樣的一路下一步。

此工具亦可換成 SourceTree

更多文章請移駕 我的部落格

相關文章