一、官方文件

• Vue3文件 - vuejs
  https://www.vue3js.cn/docs/zh/
  Vue核心功能：資料繫結

• Vue CLI文件
  https://cli.vuejs.org/zh/guide/
  Vue CLI = Vue.js + 一堆元件

二、建立Vue CLI專案

1、安裝Vue CLI

淘寶映象

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

安裝Vue CLI

npm install -g @vue/[email protected]

2、建立web

應用

vue create web

3、啟動web應用

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

三、Vue CLI專案結構講解

• index.html, main.ts, app.vue三者關聯
• public和assets兩個靜態資原始檔的引用方法
  public不參與打包
  assets會被打包
• index.html引入外部靜態檔案用<%= BASE_URL %>
• 子檔案裡的.gitignore檔案是會生效的，裡面配置的檔案規則，是相對當前.gitingore檔案所在位置
• README.md只有根目錄下的生效
• package.json 作用類似於pom.xml
• eslintrc.js 是一把雙刃劍
• Vue CLI需要編譯才能釋出

優秀不夠，你是否無可替代

軟體測試交流QQ群：721256703，期待你的加入！！

歡迎關注我的微信公眾號：軟體測試君