# vue-cli 的基本使用

vue-cli 是 Vue.js 开发的标准工具。它简化了基于 webpack 创建工程化的 Vue 项目的过程

# 安装和使用

vue-cli 是 npm 上的一个全局包,使用 npm install @vue/cli -g

基于 vue-cli 快速生成工程化的 Vue 项目 :

vue create 项目的名称

# vue 项目中 src 目录的构成

  1. assets 文件夹:存放项目中用到的静态资源文件,例如: CSS 样式表,图片资源
  2. components 文件夹:程序员封装的,可复用的组件,都要放到 components 目录下
  3. main.js 是项目的入口文件。整个项目的运行要先运行 main.js

# vue 项目的运行流程

在工程化的项目中,vue 要做的事情很单纯:通过 main.js 把 App.vue 渲染到 index.html 的指定区域中