内容一、VUECLI二、关于cli的原理三、vite四、使用vite五、vite处理css、less、postcss、ts六、vite对vue的支持：七、预打包：八、关于vite打包九、真实项目中不会一直使用npx的十、ESBuild十一、vite脚手架，一、VUECLI先安装这个工具：npminstall@vue/cli-g全局安装，这样在哪个文件夹下都能使用cli工具升级的话npmupdate@vue/cli-g通过vue命令创建项目：vuecreate项目名称为什么install时候写的@vue/cli，实际用的确实vue，因为@vue/cli项目中的package.json里的bin：
安装1、全局安装vue-cli脚手架（不建议用5.0版本，避免报错）npminstall-g@vue/cli@4.5.192、脚手架创建项目vuecreate-pdcloudio/uni-preset-vuemy-project3、选择默认模板即可4、编译并启动项目npmrundev:mp-weixin 5、开发者工具，导入项目，注意路径"项目地址/dist/dev/mp-weixin"开发的规范不能直接在开发者工具中修改代码，口诀：vscode做开发，开发者工具做调试标签使用小程序的规范，语法使用vue的即可项目目录结构App.vue相等于原生小程序app.wxss（全局样式文件）和app.
安装1、全局安装vue-cli脚手架（不建议用5.0版本，避免报错）npminstall-g@vue/cli@4.5.192、脚手架创建项目vuecreate-pdcloudio/uni-preset-vuemy-project3、选择默认模板即可4、编译并启动项目npmrundev:mp-weixin 5、开发者工具，导入项目，注意路径"项目地址/dist/dev/mp-weixin"开发的规范不能直接在开发者工具中修改代码，口诀：vscode做开发，开发者工具做调试标签使用小程序的规范，语法使用vue的即可项目目录结构App.vue相等于原生小程序app.wxss（全局样式文件）和app.
目录前言：一、使用create-react-app创建react应用1、什么是react脚手架？2.创建cli脚手架方式13.创建cli脚手架方式24.npx:5.react脚手架项目结构6.功能界面的组件化编码流程（通用）7.如何更改脚手架版本二、React组件的组合使用1.父传子（props传参）2.子传父3.TodoList代码示例4.TodoList效果展示总结：前言：react是前端三大框架中之一,而且大公司基本都在用react包括百度也在使用他有自己的独特的虚拟dombuild-react-cli是帮助你快速创建生成react项目的脚手架工具，配置了多种可选择的不同类型项目模版。一
目录前言：一、使用create-react-app创建react应用1、什么是react脚手架？2.创建cli脚手架方式13.创建cli脚手架方式24.npx:5.react脚手架项目结构6.功能界面的组件化编码流程（通用）7.如何更改脚手架版本二、React组件的组合使用1.父传子（props传参）2.子传父3.TodoList代码示例4.TodoList效果展示总结：前言：react是前端三大框架中之一,而且大公司基本都在用react包括百度也在使用他有自己的独特的虚拟dombuild-react-cli是帮助你快速创建生成react项目的脚手架工具，配置了多种可选择的不同类型项目模版。一
目录哈喽，大家好丫，你们的小郭子又来啦~一、环境要求（1）node安装（前端开发环境） （2）vue-cli脚手架安装二、安装依赖 （1）使用命令行安装以下依赖（2）通过 vueui 命令以图形化界面来管理项目依赖（3）导入你刚刚项目的地址编辑 （4）导入后，选择依赖（5）安装依赖（6）全部依赖下载完成后，引入到项目，并且编写demo 三、引入依赖（1）router/index.js（2）store/index.js（3）main.js（4）最终效果 四、创建一个项目（1）指令（2）选择Vue3模板 （3）创建和依赖下载（4）进入目录，启动项目（5）查看项目 哈喽，大家好丫，你们的小郭子又
目录哈喽，大家好丫，你们的小郭子又来啦~一、环境要求（1）node安装（前端开发环境） （2）vue-cli脚手架安装二、安装依赖 （1）使用命令行安装以下依赖（2）通过 vueui 命令以图形化界面来管理项目依赖（3）导入你刚刚项目的地址编辑 （4）导入后，选择依赖（5）安装依赖（6）全部依赖下载完成后，引入到项目，并且编写demo 三、引入依赖（1）router/index.js（2）store/index.js（3）main.js（4）最终效果 四、创建一个项目（1）指令（2）选择Vue3模板 （3）创建和依赖下载（4）进入目录，启动项目（5）查看项目 哈喽，大家好丫，你们的小郭子又
配置开发环境脚手架工具create-react-app储备知识：终端或命令行、代码编辑器React官方中文文档create-react-app其是基于Node的快速搭建React项目的脚手架工具。npxcreate-react-apptestdemocdtestdemonpm
配置开发环境脚手架工具create-react-app储备知识：终端或命令行、代码编辑器React官方中文文档create-react-app其是基于Node的快速搭建React项目的脚手架工具。npxcreate-react-apptestdemocdtestdemonpm
安装首先需要安装好NPM，然后使用下列的命令一次进行npminstall-g@vue/cli//安装脚手架vuecreatexx//创建Vue项目,xx为要创建的项目名创建项目后，使用cd进入目录npmrunserve//启动项目目录Pubulic：静态文件src：我们开发Vue大多数文件都放在里面package.json：记录Vue项目的所有依赖。我们的npmrunserve命令就是在该文件的script中定义的main.js用于引入三方模块一个单文件组件中分为三个部分开写：绑定文本{}我们直接在App.vue文件中写个Helloworld一定要注意，template中只能暴露一个标签（Vu
