使用vue cli 3搭建乙個專案

2021-09-22 08:21:59 字數 1144 閱讀 2801

官方建議,node.js的版本,需要是8.9或者以上(建議是8.11.0+)

npm install -g @vue/cli

vue3.x同樣支援這種方式:

vue init webpack project-name

我們用最新的建立方式:

這裡推薦選擇第二個,第乙個預設沒有 router 和 vuex,個人選擇了如下內容

2.是否使用history路由,這個看公司專案要求

3.選擇css處理器,這個看個人編碼習慣

4.eslint和配置,這裡選擇了標準配置

5.選擇lint

6.lint的配置檔案的存放問題,個人推薦選擇第一項,便於管理

7.是否儲存本次建立專案的配置項,用於下次快速建立專案

8.回車等待專案建立

9.進入專案檔案目錄,npm run serve 就可以啟動專案啦

10. vue3.x文件:

學習vue cli3的專案搭建

關於舊版本 vue cli 的包名稱由vue cli改成了 vue cli。如果你已經全域性安裝了舊版本的vue cli 1.x 或 2.x 你需要先通過npm uninstall vue cli g或yarn global remove vue cli解除安裝它。node 版本要求 vue cli...

使用vue cli搭建乙個vue專案

npm i vue vue cli g2.開始搭建,並使用webpack進行管理vue init webpack projectname 開始搭建 在搭建的過程中,它會詢問以下問題 project name projectname 專案名是否為projectnam project descripti...

vue cli3建立專案

預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...