当前位置: 首页 > Web前端 > vue.js

vue和react使用yarn包管理工具创建项目

时间:2023-03-31 20:10:25 vue.js

1.开发环境vue||反应2。电脑系统windows10专业版3.在使用vue和react进行开发的过程中,我们在创建项目的过程中,之前选择的都是npm包,但是我们在创建的时候想使用yarn包管理工具一个专案。怎么做?4.安装yarnnpminstall-gyarn4-1。全局配置yarn//新建一个yarn_global文件夹yarnconfigsetglobal-folder"D:\node\node-v16.10.0-win-x64\yarn_global"yarnconfigsetcache-folder"D:\node\node-v16.10.0-win-x64\yarn_cache"//:注意D:\\\\\\\\\是环境路径,根据自己的情况调整5.vue中使用yarn,先找到//删除选中的文件在C盘删除后,再次执行vuecreatexxx,会提示选择对应的包管理工具5-1。about.vuerc6.react使用yarn//首先在终端(管理员身份)yarnconfigsetignore-enginestrue6-1。官方react创建项目方法npxcreate-react-appmy-appcdmy-appnpmstart6-2.使用yarn创建react项目的方式错误!!!!注意下面的方法是错误的yarncreate-react-appmy-app6-3.用yarn创建react项目的正确方法yarncreatereact-appreactmo27.扩展:如果你刚装好node,我以后要yarn来管理,怎么办?首先全局安装yarnnpminstall-gyarn7-1。全局配置yarn//新建一个yarn_global文件夹yarnconfigsetglobal-folder"D:\node\node-v16.10.0-win-x64\yarn_global"yarnconfigsetcache-folder"D:\node\node-v16.10.0-win-x64\yarn_global"10.0-双赢-x64\yarn_cache》7-2.yarn常用命令yarnglobaladd@vue/cli全局安装vuecliyarnaddaxios生产环境安装axiosyarnaddant-design-vue-D开发环境安装ant-design-vueyarnremoveelement-uiuninstallelement-ui7-2-1.yarn安装指定版本在开发过程中,我们会根据需要安装指定库的版本,我以vueyarn为例addvue@999-D键盘向上按下拉选择版本,这样我们就可以根据自己的需要安装指定的版本7-2-2.package.json中^2.0.0和~2.0.0和2.0.0版本的区别:{"name":"chenAdmin","version":"1.0.0","main":"index.js","license":"MIT","dependencies":{"vue":"^2.2.1"}}^2.0.0:表示锁定主版本号,即第一个版本2、升级时主版本号不变,小版本号和最后一个版本号升级到最新~2.0.0:表示主版本和次要版本被锁定,只有最后一个版本号升级时升级到最新的2.0.0:表示当前版本被锁定(主版本和次版本都锁定到最后一个版本)7-3.npm和yarnnpm的比较yarnnpminstall==yarnnpminstallvue-g==yarnglobaladdvuenpminstallvue--save==yarnaddvuenpminstallvue--save-dev==yarnaddvue--devnpmuninstallvue--save(-dev)==yarnremovevuenpmunpdatevue--save==yarnupgradevue7-4.yarn配置环境变量查找全局安装的yarn目录:D:\node\node-v16.10.0-win-x64\yarn_global\node_modules\.bin//配置D:\node\node-v16.10.0-win-x64\yarn_global\node_modules\.bin作为环境变量就好了7-5.重置npm镜像:npmconfigsetr注册表https://registry.npmjs.org/7-6。查看镜像配置结果:npmconfiggetregistry7-7。配置淘宝镜像:npmconfigsetregistryhttps://registry.npm.taobao.org7-8.npmierror:thenpmversionistoohigh,lowerthenpmversionnpminpm@6-g8.本期的分享到此就结束了,希望对大家有所帮助,让我们一起携手走向巅峰