vue 提供了乙個官方的 cli,為單頁面應用 (spa) 快速搭建繁雜的腳手架。它為現代前端工作流提供了 batteries-included 的構建設定。只需要幾分鐘的時間就可以執行起來並帶有熱過載、儲存時 lint 校驗,以及生產環境可用的構建版本。更多詳情可查閱 vue cli 的文件啟動乙個vue.js應用,在chrome瀏覽器下右鍵檢查,最後一欄有vue標籤,點開即可在瀏覽器中對vue元素進行檢視與除錯。
三、vue.js框架搭建基於命令列工具
1.首先全域性安裝vue-cli
2.建立乙個基於 webpack 模板的新專案
這裡需要進行一些配置,vue-router為路由配置,eslint為乙個**規範檢查工具,unit test為單元測試,e2e test也為乙個測試,根據專案實際情況進行選擇。$ vue init webpack my-project
3.專案建立成功,根據提示啟動專案
根據提示輸入一下命令啟動專案
專案啟動成功後介面如下,根據提示輸入位址即可檢視
至此vue.js框架搭建成功,下一步可以用webstrom開啟該專案檢視目錄
四、webstorm快速啟動vue專案配置
好了,我終於寫完了,真的好多的,希望有些用處,bye~
vue框架搭建
npm install registry npm install g vue cli 注意 如果報錯,大概率是因為之前的vue cli版本未解除安裝導致,需要先解除安裝之前的版本,再重新安裝vue cli npm uninstall g vue clivue versionnpm uninstall...
vue框架環境搭建
1.安裝nodejs 2.搭建vue開發環境,安裝vue的腳手架工具 使用cnpm 映象工具 在cmd輸入以下命令即可 npm install g cnpm registry npm install global vue cli3.建立專案 以下就以vuelist為專案名稱 在vscode終端輸入以...
Vue環境搭建以及誤區
最近在學習vue,先配置環境,具體步驟可以參考 一 node.js安裝 1.brew link node 2.brew uninstall node 3.brew install node 4.映象npm install g cnpm registry 二 腳手架安裝 1.cnpm install ...