使用vue cli腳手架搭建專案

2021-08-21 21:38:34 字數 423 閱讀 8459

參考資料:

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...