认识.md 1.6 KB

vue 引入方式:

1.通过script标签引入vue的第三方库 2.通过命令去创建vue的脚手架 vue create 项目名 3.通过ui命令 vue ui

4.npm create vue@latest vue3创建脚手架

react引入方式

1.通过script标签引入的第三方库 下载地址:https://unpkg.com/react@18.0.0/umd/react.development.js react-dom 是react的dom包,使用react开发web应用时必须引入 下载地址:https://unpkg.com/react-dom@18.0.0/umd/react-dom.development.jsbabel.min.js 由于JSX最终需要转换为JS代码执行,所以浏览器并不能正常识别JSX,所以当我们在浏览器中直接使用JSX时,还必须引入babel来完成对代码的编译。 babel下载地址:https://unpkg.com/babel-standalone@6/babel.min.js 2.通过命令去创建react的脚手架

镜像源

安装node环境 npm: npmjs cnpm: 淘宝 镜像源切换网址 https://blog.csdn.net/sinat_43082914/article/details/107683545?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522172195719816800184154242%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=172195719816800184154242&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_positive~default-1-107683545-null-null.142^v100^pc_search_result_base2&utm_term=cnpm%E4%B8%8Enpm%E5%88%87%E6%8D%A2&spm=1018.2226.3001.4187 yarn: 安装:npm install -g yarn pnpm: 安装:npm install -g pnpm

安装axios npm/cnpm install -g xxx

npm install => npm i

vue和react对比

基于UI框架进行构建 不同点: vue偏html类型进行扩展 有很多已存在的钩子方法供我们使用 react偏javascript,更加灵活,并且产生了jsx供我们使用