Vue CLI

• Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，称为脚手架工具

安装

• 安装

npm install –g @vue/cli

• 升级

npm update –g @vue/cli

项目搭建

• 创建项目

vue create project-demo

• 选择 Preset:
  
• 选择包管理器:
  
• 创建完成
  
• 运行项目

npm run serve

目录与文件

• 文件目录介绍
  

单文件组件

• 单文件组件可以将组件的功能统一保存在以 .vue 为扩展名的文件中

打包与部署

打包

• 打包就是将 Vue CLI 项目编译为浏览器可识别的文件
• 命令

npm run build

部署

• 部署指的是将 Vue 项目dist 目录部署到服务器上
• 安装静态文件服务器

npm install – g serve

• 在 dist 下通过 serve 命令部署