今天的内容有意思了，朋友们继续对我们之前的案例完善，是这样的我们之前是不是靠props来完成父给子，子给父之间传数据，其实父给子最好的方法就是props但是自给父就不是了，并且今天学下来，不仅如此，组件间任何层级的关系我都可以传数据了，兄弟之间，爷孙之间等等等等七.浏览器本地存储1.localStorage关闭浏览器数据不会丢失通过它上面的一个api可以存储数据.setitem（）两个参数，前面是键，后面是值，要注意的是都要以加引号以字符串形式进行存储，而且就算你不加引号，最终呈现效果也会强制给你调用toString这个方法可以看到就算是字符串也变成了字符串类型，那么问题就来了，那如果我传入的
今天的内容vue脚手架，越来越有内味了，也慢慢地开始有点难度了哈哈，但是没有关系，慢慢学慢慢琢磨，我倒是感觉有点越来越像node了，不知道怎么回事，这是要向后端发展的节奏啊一.初始化Vue脚手架1.说明一般脚手架选择最新版本2.具体步骤全局安装vue/cli脚手架切换到项目目录，运行vuecreate加一个非主流库的名字即可创建一个vue项目运行npmrunserve将项目在服务器跑起来上面为本地服务器地址，下面如果有同事，那就可以访问同一个局域网内的地址可以看到vue默认为我们创建了一个helloword的组件3.分析项目结构用vue脚手架创建了一个项目后会发现如下的结构首先从根目录的文件入
今天的内容vue脚手架，越来越有内味了，也慢慢地开始有点难度了哈哈，但是没有关系，慢慢学慢慢琢磨，我倒是感觉有点越来越像node了，不知道怎么回事，这是要向后端发展的节奏啊一.初始化Vue脚手架1.说明一般脚手架选择最新版本2.具体步骤全局安装vue/cli脚手架切换到项目目录，运行vuecreate加一个非主流库的名字即可创建一个vue项目运行npmrunserve将项目在服务器跑起来上面为本地服务器地址，下面如果有同事，那就可以访问同一个局域网内的地址可以看到vue默认为我们创建了一个helloword的组件3.分析项目结构用vue脚手架创建了一个项目后会发现如下的结构首先从根目录的文件入
提到脚手架，大家想到的可能就是各种xxx-cli，本文介绍的是另一种方式：以vscode插件的形式实现，提供web可视化操作，如下图：下面介绍如何安装使用，以及实现原理。安装使用vscode安装lowcode插件，此插件是一个效率工具，脚手架只是其中一个功能，更多功能可以查看文档，这集只讲脚手架相关的。插件安装之后，打开脚手架界面，步骤如下图：可以直接使用分享的脚手架，勾选选项后直接创建即可：制作脚手架在模板项目根目录下创建lowcode.scaffold.config.json文件，将需要做内容动态替换的文件加上.ejs后缀。ejs语法配置一个完整lowcode.scaffold.confi
提到脚手架，大家想到的可能就是各种xxx-cli，本文介绍的是另一种方式：以vscode插件的形式实现，提供web可视化操作，如下图：下面介绍如何安装使用，以及实现原理。安装使用vscode安装lowcode插件，此插件是一个效率工具，脚手架只是其中一个功能，更多功能可以查看文档，这集只讲脚手架相关的。插件安装之后，打开脚手架界面，步骤如下图：可以直接使用分享的脚手架，勾选选项后直接创建即可：制作脚手架在模板项目根目录下创建lowcode.scaffold.config.json文件，将需要做内容动态替换的文件加上.ejs后缀。ejs语法配置一个完整lowcode.scaffold.confi
技术栈开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router4x状态管理：vuex4xAJAX：axiosUI库：vant数据模拟：mockjscss预处理：sass 构建vue3项目 1,安装 vite以管理员身份打开cmd命令窗口，切换到要安装项目的文件夹cd E:\code\web\myvue3安装 vitenpminitvite@latest 输入项目名称，输入包名称，选择Vue（如果上下键不能选择，就手动输入选项，再回车），选择JavaScript，创建完毕。 创建项目生成的文件：2,行vite+vue3项目打开vscode，输入两条
技术栈开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router4x状态管理：vuex4xAJAX：axiosUI库：vant数据模拟：mockjscss预处理：sass 构建vue3项目 1,安装 vite以管理员身份打开cmd命令窗口，切换到要安装项目的文件夹cd E:\code\web\myvue3安装 vitenpminitvite@latest 输入项目名称，输入包名称，选择Vue（如果上下键不能选择，就手动输入选项，再回车），选择JavaScript，创建完毕。 创建项目生成的文件：2,行vite+vue3项目打开vscode，输入两条
react脚手架创建几种方式nodev16.17.0npm8.15.0yarn3.2.3vite3.1.3配置less-loadernpm首先通过npm方式全局安装create-react-appnpminstall-gcreate-react-app查看是否安装完成create-react-app--version5.0.1查看帮助信息Usage:create-react-app[options]Options:-V,--versionoutputtheversionnumber--verboseprintadditionallogs--infoprintenvironmentdebugin
react脚手架创建几种方式nodev16.17.0npm8.15.0yarn3.2.3vite3.1.3配置less-loadernpm首先通过npm方式全局安装create-react-appnpminstall-gcreate-react-app查看是否安装完成create-react-app--version5.0.1查看帮助信息Usage:create-react-app[options]Options:-V,--versionoutputtheversionnumber--verboseprintadditionallogs--infoprintenvironmentdebugin
react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":""说明：优点：配置简单，前端请求资源时可以不加任何前缀。缺点：不能配置多个代理。工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000（优先匹配前端资源）方法二第一步：创建代理配置文件在src下创建配置文件：src/setupProxy.js编写setupProxy.js配置具体代理规则：const{createProxyMiddleware}=require('http-proxy-middleware');module.exports=function(app){ a
