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项目启动的流程
-
安装2.0的脚手架 npm i vue-cli -g
C:\Users\Administrator\AppData\Roaming\npm\node_modules\vue-cl