首先這片文章借鑑了很多博主的,再此對他們表示感謝。
什麼是vue?
vue.js是一套構建使用者介面的漸進式框架。
vue 只關注檢視層,採用自底向上增量開發
的設計。
vue 的目標是通過盡可能簡單的 api 實現響應的資料繫結和組合的檢視元件。
什麼是vue-cli腳手架?
打個比喻,vue-cli就是vue的腳手架工具,和我們工地看到的腳手架是一回事,它幫助我們搭建基本的開發環境,好比架子搭建好了,利用它可以搞定目錄結構,本地除錯,單元測試,熱載入及**部署等,了解到vue-cli後,下面實際做下vue-cli的安裝:
第一步:需要安裝node.js 安裝最新版本 ;可以在命令列工具內執行: node -v (檢查一下 版本)確定一下是否已將安裝 ;
注 :安裝 vue-cli 腳手架目前需要node版本為 v4.0 以上;
建議:最好在開始之前自己建乙個資料夾用來存放,在資料夾中cmd
第二步:命令列執行 : npm install -g vue-cli // 加-g是安裝到全域性;
安裝完成以後 可以輸入命令 :vue 回車,可以看到針對vue的命令列;
第三步:執行命令: vue init webpack demo(demo是你新建的專案名稱/檔名稱)
更新之後在重複執行一下命令
動開啟demo資料夾 可以看到 已經初始化好了 乙個基本的專案:
vue cli腳手架安裝
映象使用方法 三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...
vue cli腳手架安裝
2.執行cmd,檢視版本號 出現版本號說明安裝成功 輸入 node v 檢視node版本號 需要在6.9以上 輸入 npm v 檢視npm版本號 需要在3.10以上 3.命令列工具 在cmd裡安裝 全域性安裝 vue cli npm install global vue cli mac機全域性安裝需...
安裝腳手架vue cli
cnpm install global vue cli要建立專案,首先我們要選定目錄,然後再命令列中把目錄轉到選定的目錄。可以使用 vue init webpack my project初始化乙個專案,或使用 vue init webpack my project執行初始化命令的時候回讓使用者輸入幾...