Vue cli 快速生成工程化项目

vue cli 生成项目

vue cli 是vue.js 开发标准工具，简化 webpack 创建工程化的 Vue 项目的过程。

        中文官网：https://cli.vuejs.org/zh/

安装命令：npm i @vue/cli -g

快速生成工程化Vue项目步骤

① 指令： vue create 项目名称

② 选择项目配置项

 ③选择项目配置（手动项目配置）

④ 选择Vue版本 

⑤选择CSS预处理器

 ⑥把插件配置项，放在自己独立的配置文件中

 ⑦保存预设，方便下次复用 ⑧完成创建

 ⑨ 启动项目

   项目文件结构

public目录：

        favicon.ico  网页小图标

        index.html   主页面

src目录：

        assets文件夹：存放项目中用到的资源文件，例如 css,图片资源

        components文件夹：封装的、可复用的组件

        main.js 项目入口文件

        App.vue 项目根组件

Vue项目运行流程

        通过 main.js  把 App.vue 渲染到 index.html 指定区域中。