1. 程式人生 > 其它 >vue-cli 基本使用

vue-cli 基本使用

技術標籤:vuejavalinuxjspython

vue-cli 基本使用

1、全域性安裝vue-cli 安裝

npm install -g @vue/cli

2、通過vue建立一個專案

vue create hello-world

3、專案執行

cd hello-world
npm run serve

4、把專案編譯成靜態網頁

注意:這裡可能會出現開啟空白這個問題,可以參考 https://www.cnblogs.com/azure-zero/p/13615526.html 解決,在專案的根目錄下面新建vue.config.js檔案:

module.exports = {
  publicPath: './'
}

編譯命令:

npm run build

用Vue 指令編譯

vue-cli-service build

5、增加router外掛

vue add router

6、增加axios元件

vue add axios