目錄

• 一、官方文件
• 二、建立 CLI專案
• 1、安裝Vue CLI
• 2、建立web應用
• 3、啟動web應用
• 三、Vue CLI專案結構講解

一、官方文件

Vue3文件 - vue
https://www.vue3js.cn/docs/zhttp://www.cppcns.comh/

Vue核心功能：資料繫結

Vue CLI文件
https://cli.vuejs.org/zh/guide/

Vue CLI = Vue.js + 一堆元件

二、建立Vue CLI專案

1、安裝Vue CLI

淘寶映象

SQL:

npm get reghttp://www.cppcns.comistry  --顯示當前的映象網址
npm config set registry http://registry.npm.taobao.org  -- 使用淘寶的映象網址

安裝Vue CLI

:

npm install -g @vue/[email protected]

2、建立web應用

SQL:

vue create web

3、啟動web應用

費命令列啟動。拖動到右側雙擊即可

三、Vue CLI專案結構講解

index.html, main.ts,app.vue三者關聯
pu客棧blic和assets兩個靜態資原始檔的引用方法

• public不參與打包
• assets會被打包
  

index.html引入外部靜態檔案用<%= BASE_URL %>
子檔案裡的.gitignore檔案是會生效的，裡面配置的檔案規則，是相對當前.gitingore

到此這篇關於利用Vue3 建立Vue CLI 專案的文章就介紹到這了,更多相關Vue3 建立Vue CLI 專案內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！