需要通过 Vue Router 实例的 mode 选项来设置,这样 URL 会更加美观,但同样需要后端支持避免问题。
Vue CLI 可以统一项目的架构风格,初始化配置项目依赖和提供单文件组件,其通过命令行工具进行操作。
安装
安装:npm install –g @vue/cli
升级:npm update –g @vue/cli
项目搭建
创建项目: vue create project-demo
选择 Preset:
选择包管理器:
创建完成:
运行项目: npm run serve
目录与文件
文件目录介绍:
└─ 根目录
├─ public 预览文件目录
└─ src
├─ assets 静态资源目录
└─ components 项目组件目录
└─ App.vue 根组件
└─ main.js 入口文件
单文件组件可以将组件的功能统一保存在以 .vue 为扩展名的文件中。
打包与部署
打包就是将 Vue CLI 项目编译为浏览器可识别的文件。命令: npm run build
部署指的是将 Vue 项目dist 目录部署到服务器上。安装静态文件服务器: npm install –g serve
,在 dist 下通过 serve 命令部署。