网址集合:
要下载节点并安装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