vue-cli4.3 Vue腳手架的安裝和使用

注:使用前需先安裝Nodejs

首先 安裝vue-cli

npm install -g @vue/cli

創建一個新項目

vue create 項目名

1、選擇默認(default)還是手動(Manually):

回車進行確認
在這裏插入圖片描述

2、選中要安裝的組件:

上下箭頭移動 空格選擇/取消 回車確認
在這裏插入圖片描述

3、選擇ESLint和Prettier:

在這裏插入圖片描述

4、選擇語法檢查方式:

Lint on save表示保存就檢測
Lint and fix on commit表示fix和commit的時候檢查
在這裏插入圖片描述

5、選擇將Babel Router Linter這些配置文件放哪:

選項1是存放在獨立文件夾中
選項2是存放在package.json中
在這裏插入圖片描述

6、是否保存當前配置以供未來使用:

若輸入y 需要輸個當前配置的名字以供未來選擇
在這裏插入圖片描述

等待一會即可:

在這裏插入圖片描述

自動生成的項目的目錄結構:

在這裏插入圖片描述

啓動項目:

cd 項目名
npm run serve

默認啓動在8080端口:
在這裏插入圖片描述
在這裏插入圖片描述

至此 用vue-cli創建一個項目成功

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