Vue腳手架可以快速生成Vue項目基礎的架構。

A.安裝3.x版本的Vue腳手架：

npm install -g @vue/cli

B.基于3.x版本的腳手架創(chuàng)建Vue項目：

1).使用命令創(chuàng)建Vue項目

命令：vue create my-project

選擇Manually select features(選擇特性以創(chuàng)建項目)

勾選特性可以用空格進行勾選。

是否選用歷史模式的路由：n

ESLint選擇：ESLint + Standard config

何時進行ESLint語法校驗：Lint on save

babel，postcss等配置文件如何放置：In dedicated config files(單獨使用文件進行配置)

是否保存為模板：n

使用哪個工具安裝包：npm

2).基于ui界面創(chuàng)建Vue項目

命令：vue ui

在自動打開的創(chuàng)建項目網頁中配置項目信息。

3).基于2.x的舊模板，創(chuàng)建Vue項目

npm install -g @vue/cli-init

vue init webpack my-project

C.分析Vue腳手架生成的項目結構

node_modules:依賴包目錄

public：靜態(tài)資源目錄

src：源碼目錄

src/assets:資源目錄

src/components：組件目錄

src/views:視圖組件目錄

src/App.vue:根組件

src/main.js:入口js

src/router.js:路由js

babel.config.js:babel配置文件

.eslintrc.js:

說幾個重要的點。

預設要選擇? 手動配置

功能 要選 第一個babel? router vuex? Linter/Formatter? 和最后一項 使用配置文件。

配置 要選 第三個，EsLint+Standard config? 標準版

原文：https://www.cnblogs.com/coder-lzh/p/11892847.html

總結

以上是生活随笔為你收集整理的vue的视图化创建项目_vue-cli3用图形化的方式创建项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。