參考資料:
1.安裝vue-cli
命令:npm i -g vue-cli
2.去到你想要放置專案的目錄,進行初始化
命令:vue init webpack ***
(你想要專案的名字)
npm install
(之前需要單獨執行,現在是加在了enter選項之後,不需要再輸入此命令,可略過)
npm run dev
4.瀏覽器輸入http://localhost:8080 (是預設埠,可自行進行配置)
若此介面出現:
以上,專案已搭建並執行成功。
使用vue腳手架vue cli搭建專案
在使用vue cli快速搭建乙個專案前,首先我們要清楚為什麼要這樣做,原因很多,如 前端的範疇不斷擴大 前後端分離 模組化開發 便於管理.我個人再加一點,就是便於 vue 元件的開發,原因 在不使用vue工程化開發的時候,我們的元件經常性的就是 全域性 區域性 元件的開發,很多的js和css並不是一...
搭建vue cli腳手架
前期工作準備 2.安裝 映象,因為我們用的npm的伺服器是外國,有的時候我們安裝 依賴 的時候會超級慢,所以就用這個cnpm來安裝我們說需要的 依賴 命令列輸入 npm install g cnpm registry 安裝完成後,就可以用cnpm 代替 npm 速度會快很多。3.安裝webpack,...
搭建vue cli腳手架
腳手架 cd xz vue 先進入專案資料夾 vue create後的那個資料夾 xz vue npm run serve 執行live server babel的效果。是先將腳手架中瀏覽器不懂的 翻譯為瀏覽器能懂的 然後,再將翻譯後的頁面執行在乙個臨時的開發伺服器中。強調 npm run serv...