vue安裝教程總結

2021-08-09 17:49:36 字數 1567 閱讀 3801

vue.js是一套構建使用者介面的漸進式框架。比較簡潔,用於解耦、可復用的元件來構造介面。輕量級(24kb min+zip),無依賴。

與其他重量級框架不同。vue的核心庫只關注檢視層,它不僅易於上手,還便於與第三方或既有專案整合。

切記:在cmd中執行命令以管理員身份執行

2、安裝npm,由於新版的node.js已經整合了npm,所以npm也一併安裝好了,可以輸入「npm -v」和「node -v」來進行測試是否安裝成功。

3、npm公升級命令。

npm   install  npm  -g

4、使用**定製的cnpm命令列工具代替預設的npm

:5、使用cnpm來安裝模組

cnpm  install [name]

6、安裝vue-cli,vue-cli是vue的腳手框架。

npm  install -g vue-cli  回車,等待安裝...

7、輸入vue,回車,若出現vue資訊說明安裝成功 輸入vue -v顯示vue版本號

8、建立專案

vue init webpack vue_test(專案資料夾)

[cmd將目錄切換到對應的檔案下,切記不要手動建立vue_test],回車,出現操作

9、安裝依賴

cd vue_test (專案名)

npm install,回車,等待...

[專案檔案中,會多出乙個node_modules資料夾,也就是之前安裝的依賴]

10、進入環境是否安裝成功

在cmd中輸入  npm run dev

[自動開啟瀏覽器視窗,看到實際效果圖]

11、npm run build的意義

在cmd中輸入npm  run  build會在專案中建立乙個dist資料夾;dist裡的檔案打包上傳至伺服器,減少對伺服器的壓力,一般是專案上線時,直接將dist裡的檔案打包上傳至伺服器。

安裝中遇到的問題:

在安裝vue-cli腳手框架時,檢視vue是否安裝成功會顯示,

vue  不是內部或者外部命令...

解決方法:

1、在你安裝的nodejs目錄下搜尋vue.cmd

2、將vue.cmd的路徑加入到path環境中,然後重新開啟cmd,輸入vue或vue -v,可以看到問題已解決。

vue安裝教程

1.安裝node.js 2.基於node.js,利用 npm映象安裝相關依賴 在cmd裡直接輸入 npm install g cnpm registry 3.安裝全域性vue cli腳手架,用於幫助搭建所需的模板框架 1全域性安裝webpack cnpm install webpack g 2全域性...

Vue安裝教程

1 vue安裝 2 安裝node方法 注意 在安裝node.js前,先cmd 命令提示符 執行 node v 檢視是否已經有node.js版本,若有,則請先解除安裝或刪除。node.js安裝過程簡單,按照提示點 next 並選擇安裝位置即可 建議不裝系統盤 3 npm安裝 g是全域性安裝。對安裝成功...

vue 安裝教程

1.安裝node.js 2 基於node.js,利用 npm映象安裝相關依賴 在cmd裡直接輸入 npm install g cnpm registry https registry.npm.taobao.org,回車,等待安裝.3.安裝 全域性vue cli腳手架,用於幫助搭建所需的模板框架,一台...