新手安裝vue cli腳手架

2022-06-02 08:30:10 字數 1140 閱讀 6039

首先這片文章借鑑了很多博主的,再此對他們表示感謝。

什麼是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執行初始化命令的時候回讓使用者輸入幾...