vue-cli全面复习

文章目录

• 什么是vue
• vue cli的使用前提
• vue cli的安装和初始化项目步骤
• vue cli2详细教程
• vue cli 项目目录结构介绍
• Vue程序运行过程
• render函数的使用
• npm run build 详解执行意义
• npm run dev 执行意义
• 修改配置
• vue cli3详解
• 与cli 2 的区别
• 创建项目过程
• 目录结构
• vue ui 和配置文件的位置
• 怎样配置文件别名

什么是vue

vue cli的使用前提

vue cli的安装和初始化项目步骤

在命令行输入 vue init webpack 项目名 之后出现以下画面

vue cli2详细教程

vue cli 项目目录结构介绍

注意这里是vue cli 2 项目 vue cli3 好像配置文件放置的位置不同之外，还有一些简化

Runtime-Compiler和Runtime-only的区别

Vue程序运行过程

render函数的使用

npm run build 详解执行意义

npm run dev 执行意义

注意这是vue cli 2的执行程序命令，vuecli3的执行命令是npm run serve

修改配置

vue cli3详解

与cli 2 的区别

创建项目过程

目录结构

vue ui 和配置文件的位置

怎样配置文件别名