vue脚手架2版本——项目启动的流程

Vue源码版本

完整版：同时包含编译器和运行时的版本
编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。
运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切

windows中快捷键 & dos命令

windows + R 调出运行模板 ; 输入 cmd 调出dos窗口（cmd文件:windows环境下的可执行文件）
windows + E 调出（我的电脑）资源管理器

cls : 清屏操作
set : 查看当前windows操作系统的环境变量
set name : 查看指定的环境变量
set name=val : 设置环境变量(一次性的设置 关掉命令行窗口后 设置就会失效)
set name= : 删除环境变量

npm相关的命令

npm root -g : 查看电脑上全局安装的包的路径
npm init -y : 生成项目的描述文件(package.json)
npm cache clean -f : 强力清除npm的缓存
npm info 包名 : 查阅包相关的信息

npm 脚本 :
npm run xxx(脚本的名字) ：如果说脚本的名字叫start 则 run 可以省略
npm脚本执行windows命令 它会自动在项目的node_modules中.bin中去寻找对应的命令

vue2.0 脚手架

安装2.0的脚手架 : npm i vue-cli -g
查看脚手架的版本 : vue -V
查看脚手架可选的模板: vue list
初始化项目 : vue init webpack projectname
启动项目 : npm start

vue2.0 脚手架目录分析

build : webpack的相关配置
config : webpack的相关配置
node_modules : 项目所有依赖的包
src : 源码目录
static : 静态资源(项目的所有静态资源 图片 css文件 字体文件只能放在当前文件夹)
.babelrc : babel的配置文件
.editorconfig : 统一编辑器编码风格
.eslintignore : 代码检验的忽略文件
.eslintrc.js : 代码检验的规则文件
.gitignore : git忽略文件
.postcssrc.js : css后置处理器的配置文件
index.html : 项目的首页
package.json : 项目的描述文件
package-lock.json : 项目中用到的所有依赖 及其 依赖的依赖
README.md : 项目的介绍文件

解读vue项目启动的流程

1. 安装2.0的脚手架 npm i vue-cli -g
   C:\Users\Administrator\AppData\Roaming\npm\node_modules\vue-cli\bin 存放脚手架相关的命令
   C:\Users\Administrator\AppData\Roaming\npm 也会存放一份脚手架相关的命令 并且 有其对应的cmd文件
   C:\Users\Administrator\AppData\Roaming\npm 在windows的环境变量中有配置

2. 执行vu