全域性安裝vue腳手架工具vue-cli:
npm install --global vue-cli
cd 到想要建立專案的目錄下
vue init webpack (起的專案名稱)todolist //建立乙個基於webpack的模板新專案
專案初始化完成之後,進入該專案目錄,一般使用git bash直接進入該專案目錄中
cd todolist(專案名)
執行專案,專案在http://localhost:8080埠可以有個主頁
npm run dev ctrl+c退出執行環境
檔案結構解析:
build:webpack目錄檔案,可以不動
config:針對開發環境和線上環境的一些配置,不動
node_modules:專案的依賴
src:源**縮放的目錄
main.js整個專案的入口檔案
static:靜態資源
新建乙個vue專案
用命令列生成vue專案框架需要npm包管理器來安裝,而npm又是在安裝nodejs的時候同時安裝的,所以首先要安裝nodejs。安裝完成後,開啟cmd。輸入 node v,出現類似v6.11.2這樣的版本號說明node安裝成功。輸入 npm v,出現類似 v3.10.10這樣的版本號說明npm安裝成...
新建乙個vue專案
第一步 npm安裝 參考 使用 npm映象 npm install g cnpm registry 這樣就可以使用cnpm 命令來安裝模組了 第二步 安裝vue cli cnpm install vue cli g 全域性安裝 vue cli 檢視vue cli是否成功,不能檢查vue cli,需要...
vue如何新建乙個專案
身為入行未深的小白前端,不斷的學習是我們不可丟失的習慣。前端流行的框架也是層出不窮,vue在眾多框架中脫穎而出。今天花了兩個小時的時間自己走了一邊建立vue專案的流程,跟你們分享。1 開啟cmd命令列,首先安裝node 2 npm包管理器是整合在node中的,所以直接輸入npm v就能檢視到版本資訊...