首页 > 编程知识 正文

怎么给vue配置全局样式,yarn安装命令

时间:2023-05-06 09:33:09 阅读:10378 作者:460

网址集合:

要下载节点并安装yarn,建议安装git安装vuecli

在全局安装yarn之前,请先安装节点,然后打开官方网站下载节点。

首先,请检查本地全局安装的软件包、yarn全局列表或npm list -g --depth 0

全球安装yarn NPM安装- g yarn

全球安装vue CLI yarn全局添加@ vue/CLI

安装完成后,在yarn全局dir中检查yarn的安装路径,然后导航到hsdxmt目录,该目录是添加到环境变量中的yarn全局安装的软件包路径。 此目录仅在全局安装软件包之后生成

脚手架工具中添加了vue add命令,在实际使用时很容易出错,因此建议在包中安装环境时使用npm或yarn补充说明:

对于内部网的朋友们,可以在npm和yarn上设置代理。 我们只是设置yarn的代理是不行的,也不知道理由。 如果大神知道的话,请期待解答:

# npm代理npmconfigsetproxy=' http _ proxy ' npmconfitsethttps-proxy=' https _ proxy ' # NPM删除代理npmconfigdeleteproxynpmconfigdeleteproxynpmconfy yarn代理yarnconfigsetproxyhttp _ proxyyarnconfigsethttps-proxy htps yarn删除代理yarnconfigdeleteproxyarnconfigdeletehttps NPM配置资源npmconfigsetregistry https://registry.NPM.Taobao.org/npmconfigsetregistry 3359 registry.NPM js.org/# yarn配置资源yarnconfigsetregistry https://registry.NPM.Taobao.org/yarnconconn

用yrm管理yarn的源地址切换

NPM install-gyrm---- registry=https://registry.NPM.Taobao.orgyrmlsyrmusetaobaoyrmtesttaobao #测试源访问速度NPM config 显示npm的当前镜像源显示Yarnconfiggetregistry#Yarn的当前镜像源后,使用vue create创建新项目将难以报告错误

注意事项:

虽然vue add容易出错,但请注意,它会自动为安装的软件包(如vue-router )创建文件夹,以便在出现问题后可以根据需要使用git恢复到无错误版本

npm i插件将插件安装在node_modules目录中。 package.json,npm i插件--save(-s )不变。 依赖于项目联机后仍要使用的插件。 没有这些插件,项目就无法运行。 修改package.json写入dependencies节点npm i插件save-dev )-d,以安装依赖于开发的插件,修改项目联机后不使用的插件,然后单击由于webpack无法分析sass文件,因此必须首先在sass-loader中将. scss转换为css文件。 但是,由于webpack也无法解析css文件,因此必须在css-loader中解析css,最后使用SSS

默认情况下,如果npm在安装过程中未编号版本,npm将安装最新版本

但是,官方库会删除某些版本,导致404个安装错误

node-sass 3360https://github.com/sass/node-sass/tags

sass-loader 3360https://github.com/web pack-contrib/sass-loader/tags

我试过。 使用的方法是

针对npmuninstallsass-loader node-sass//npminstallsass-loader @7.3. 1节点- sass @4. 14.1-save-dev//安装

建议您在运行vue add之前提交项目的最新状态。 因为此命令很可能调用插件的文件生成器并修改现有文件。

指定vue的预设

要安装的插件

通过vue-router路由分发

vuex实现页面之间的数据状态同步

vue add router只需要在安装时选择history模式,然后在yarn serve页面上出现一个切换栏,表示安装成功。 可以使用git commit -m ' '提交git

然后执行vue add vuex安装

调试工具将显示vuex,表示安装成功

vue add bootstrap-vue此方式通过vue-cli在https://bootstrap-vue.org/docs搜索vue add中使用https://bootstrap-vue.org/

安装其他插件:

npmiaxiosvue-lazyloadelement-ui vue-cookie-- save-dev

如果在安装后运行yarn serve并报告错误,则在运行yarn serve之前运行yarn serve时不会报告错误

最后安装sass等插件,避免启动时发生错误,即可进行git

请参阅文章:

3359 blog.csdn.net/QQ _ 38505969/article/details/10978391

3359 blog.csdn.net/yexudengzhidao/article/details/87689960

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。