需要通過 Vue Router 實例的 mode 選項來設(shè)置老玛,這樣 URL 會更加美觀,但同樣需要后端支持避免問題蜡豹。
Vue CLI 可以統(tǒng)一項目的架構(gòu)風格镜廉,初始化配置項目依賴和提供單文件組件,其通過命令行工具進行操作娇唯。
官網(wǎng):Vue CLI (vuejs.org)
安裝
安裝:npm install –g @vue/cli
升級:npm update –g @vue/cli
項目搭建
創(chuàng)建項目: vue create project-demo
選擇 Preset:
選擇包管理器:
創(chuàng)建完成:
運行項目: npm run serve
目錄與文件
文件目錄介紹:
└─ 根目錄
├─ public 預(yù)覽文件目錄
└─ src
├─ assets 靜態(tài)資源目錄
└─ components 項目組件目錄
└─ App.vue 根組件
└─ main.js 入口文件
單文件組件可以將組件的功能統(tǒng)一保存在以 .vue 為擴展名的文件中洛搀。
打包與部署
打包就是將 Vue CLI 項目編譯為瀏覽器可識別的文件佑淀。命令: npm run build
部署指的是將 Vue 項目dist 目錄部署到服務(wù)器上。安裝靜態(tài)文件服務(wù)器: npm install –g serve
谎砾,在 dist 下通過 serve 命令部署捧颅。