Vue系列1 vue 腳手架的安裝

2021-09-07 04:14:09 字數 1722 閱讀 3106

2.安裝中遇到的問題

1) error 2502, error 2503 看到這類問題,大家都知道是因為許可權不夠,直接用管理員許可權執行就好。

2) 無法執行.msi 檔案 大家可以右擊cmd,以管理員身份開啟終端,然後執行 「msiexec /package node-v0.10.31-x64.msi」 安裝。會一路ok的。

3) 如何驗證安裝成功 cmd進入到 node.js安裝目錄,如我的是「c:\cc\nodejs」,在這個目錄下,你會看到node.exe,npm等幾個可執行檔案,如果,你已經把該安裝路徑 加入到path中了,那麼則不需要進入到安裝目錄執行node了。 在cmd裡面輸入node -v檢視版本; 也可以進入到node mode,然後輸入「console.log("hello world!");」 看輸出是否正常,

3.安裝完成後,附件裡選擇命令提示符(或者在開始的搜尋框裡輸入cmd回車調出命令面板)

輸入:node -v回車,出現相應版本證明安裝成功,node環境已經安裝完成,

由於有些npm有些資源被遮蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,

所有我還需要npm的國內映象---cnpm。 在命令列中輸入:npm install -g cnpm registry= 回車,大約需要3分鐘,如果報錯或沒反應,則卸掉node.js重新安裝

4.安裝全域性vue-cli腳手架,用於幫助搭建所需的模板框架。

輸入命令:cnpm install -g vue-cli回車等待完成。

5.建立專案

(1)選定目錄

(2)命令列中把目錄轉到選定的目錄, 假如我們打算把專案新建在e盤下的vue資料夾中則輸入下面的命令:e:回車

(3)cd vue

(4)vue init webpack 專案資料夾名稱, 回車

(5)執行初始化命令的時候會讓使用者輸入幾個基本的選項,如專案名稱,描述,作者等資訊, 如果不想填直接回車預設就好。(一頓回車+n鍵就完成了)

6.安裝專案所需的依賴包

(1)cd 專案名回車

(2) cnpm install回車等待安裝,安裝完成之後,會在我們的專案目錄firstvue資料夾中多出乙個node_modules資料夾, 這裡邊就是我們專案需要的依賴包資源。

(3)安裝完依賴包之後,就可以執行整個專案了。

7.測試環境是否搭建成功

(1)在cmd裡輸入:cnpm run dev回車,專案執行成功後, 瀏覽器會自動開啟localhost:8080(如果瀏覽器沒有自動開啟,可以手動輸入)。

8.常用命令

cnpm -v 檢視cnpm是否可用

cnpm install -g vue-cli -g指的是全域性安裝,加「-」會安裝到系的node目錄下,不加「-」會將vue-cli安裝到當前目錄

sudo 加在前面許可權的問題

vue腳手架安裝

cli 別名 腳手架 npm cnpm yarn 作用 版本 cli2 cli3 安裝npm install vue cli g cli3的版本 npm install vue cli g cli2的版本 yarn add vue cli global步驟 先安裝cli3 在安裝 vue cli i...

vue安裝腳手架

如果之前安裝過舊版本 非3.x 腳手架需要先解除安裝舊版本 命令 nmp uninstall vue cli g mac電腦需要在前面 加sudo nmp install g vue cli 安裝腳手架,用於生成專案 安裝得比較久 nmp install g vue cli service glob...

安裝vue腳手架

vue2.0 1.vue v 檢視版本,如果出現版本號,之前已經安裝過了。如果之前安裝的版本是想要的版本,可以直接建立專案 2.npm uninstall vue cli g 如果之前安裝了3.0的版本,現在想要安裝2.0,先解除安裝安裝過的版本 3.npm cache clean force 如果...