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腳手架,用於幫助搭建所需的模板框架,一台...