vue-cli

安装

1、vue-cli 依赖于Nodejs

node下载地址
安装完成后运行

node -v # 查看node的版本
运行
npm  -v # 查看npm的版本
image.png

2、安装webpack

如果安装的比较慢切换阿里源

npm config set registry https://registry.npm.taobao.org
npm install webpack -g   # 全局安装

3、安装脚手架 vue-cli

npm install @vue/cli -g

4、创建项目

1.创建cli2的项目

vue init webpack my-project
项目的结构

2.创建cli3的项目

vue create my-project
项目的结构

5、Runtime-Complier和Runtime-only的区别

image.png
Runtime-Complier : template--->ast ---->render---->virtual Dom ---->UI
Runtime-only : render---->virtual Dom ---->UI

少了parse和Complie的过程 运行更快 编译文件更小

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容