搭建vue cli腳手架

2021-09-27 02:17:17 字數 588 閱讀 3714

腳手架

$ cd xz_vue //先進入專案資料夾(vue create後的那個資料夾——xz_vue)

$ npm run serve //=執行live server+babel的效果。是先將腳手架中瀏覽器不懂的**,翻譯為瀏覽器能懂的**。然後,再將翻譯後的頁面執行在乙個臨時的開發伺服器中。 強調: npm run serve 必須在專案資料夾內執行

保險起見是在vs code中開啟xz_vue,然後在package.json檔案上右鍵單擊在命令列開啟,然後執行:

npm run serve 沒有r結尾

2件事:

1. 啟動開發伺服器: http://localhost:8080/

2. 編譯專案**為瀏覽器認識的: compile

強調:

1. 不用總是npm run serve,因為npm run serve可以自動感知**的修改,並自動重新編譯,重新執行。

2. 服務端nodejs的cors: 要改為http://localhost:8080/。如果不想總是改。可改為cors:*。允許所有客戶端都能跨域。

搭建vue cli腳手架

前期工作準備 2.安裝 映象,因為我們用的npm的伺服器是外國,有的時候我們安裝 依賴 的時候會超級慢,所以就用這個cnpm來安裝我們說需要的 依賴 命令列輸入 npm install g cnpm registry 安裝完成後,就可以用cnpm 代替 npm 速度會快很多。3.安裝webpack,...

vue cli腳手架搭建

是vue官方提供的腳手架工具。腳手架工具簡單講就是自動將專案需要的環境 依賴等資訊都配置好。檢查npm 版本,建議安裝到最新版本。命令列檢視版本號 node v npm v 公升級npm 可選操作 npm install g npm 修改為 映象 可選操作 npm config set regist...

vue cli腳手架搭建webpack vue專案

vue cli 是乙個官方發布 vue.js 專案腳手架,使用 vue cli 可以快速建立 vue 專案,github位址是 一 安裝 node.js 只是這樣安裝的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安裝 安裝完成後,可以命令列工具中輸入 node v 和 n...