Web 前端環境搭建 Vue版

2021-09-24 06:31:24 字數 1220 閱讀 9163

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

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

c:\users\czq>node -v


v8.11.3


c:\users\czq>


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

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

公升級 npm:

npm install npm -g


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

npm install -g nrm


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

安裝 vue devtools

安裝vue cli

npm install -g @vue/cli


複製**
vue 環境搭建參考文件

npm install webpack -g


複製**
憑個人喜好webstrom、sublime、atom、visual studios code等都可以。

注：環境變數記得新增。

此工具亦可換成sourcetree

前端環境搭建

1.安裝node 2.用 npm環境，npm install g cnpm registry 3.安裝腳手架 cnpm install g vue cli 安裝完腳手架以後開始，開始建立乙個新專案 命令 vue init webpack vue project 最後這個是我建立的專案資料夾的名字 4...

vue環境搭建

1.安裝node.js 2.vue環境搭建要依賴node，借助於node裡的npm包管理來安裝需要的依賴等。基於node.js,利用 npm映象安裝相關依賴 輸入 npm install g cnpm registry 3.安裝全域性vue cli腳手架，用於搭建所需的模板框架 1 輸入 cnpm ...

Vue環境搭建

第一步 開啟命令列，輸入 node v檢視版本號，如果顯示版本號則安裝成功。第二步，安裝 映象。第三步 安裝vue命令列工具 vue cli 在輸入 映象後輸入 全域性安裝 vue cli 前邊安裝了cnpm。可以用cnpm安裝vue cli了 cnpm install global vue cli...