使用Vue-Cli3+Webpack4搭建項目

推薦使用第二種方式創建項目圖片描述

1、 安裝前準備

Vue CLI 需要 Node.js 8.9 或更高版本 (推薦 8.11.0+)。
npm install -g @vue/cli 安裝之後,就可以在命令行中訪問 vue 命令。

2、 創建一個項目

兩種方式:
(1)使用命令行

  • 選擇要放置項目文件的路徑,打開cmd輸入
vue create 你的文件名英文
  • 用方向鍵上下去選擇配置,選好按回車

clipboard.png

等待安裝完成即可
去到項目根目錄下使用 npm run serve 就可以將項目跑起來了!

(2)使用圖形化界面

  • 打開cmd輸入vue ui

上述命令會打開一個瀏覽器窗口,並以圖形化界面將你引導至項目創建的流程。
選擇要放置項目文件的路徑

clipboard.png

  • 接着我選手動配置:

下面選項看個人需求!
功能:

clipboard.png

配置:
clipboard.png

history模式和hash模式是不一樣的!

  • 最後點擊創建項目等待一會即可

使用 npm run serve 就可以將項目跑起來了圖片描述

so easy 的啦
圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章