2023最新vue安装(npm,yarn,国内镜像,vue安装,vue导包)全套教程2023年12月最新

第一步(安装npm)

官网地址:https://nodejs.org/en/download

windows安装yarn 详细教程_windows yarn-CSDN博客

第二步(yarn下载)

windows 下需要下载msi文件 ,下载地址:https://yarnpkg.com/latest.msi

npm install -g yarn

安装完成后,你可以测试下自己的版本

yarn --version

第三步(国内镜像)

1、设置淘宝镜像源 npm config set registry https://registry.npm.taobao.org/

2、查看镜像使用状态: npm config get registry

如果返回https://registry.npm.taobao.org/,说明配置的是淘宝镜像。

如果要在设置成官网npm config set registry https://registry.npmjs.org

第四步(使用npm下载vue)

使用npm下载vue

vue npm i @vue/cli -g

查看vue版本

vue -version

第五步(导入bootstrap依赖)

npm install bootstrap

main.js导包

import 'bootstrap/dist/css/bootstrap.css' //引用bootstrap的样式

import 'bootstrap/dist/js/bootstrap.min.js' //引用bootstrap的js

相关推荐
老虎06271 小时前
JavaWeb前端(HTML,CSS具体案例)
前端·css·html
i紸定i3 小时前
解决html-to-image在 ios 上dom里面的图片不显示出来
前端·ios·vue·html·html-to-image
ai.Neo3 小时前
(第十七期)HTML图像标签详解:从入门到精通
前端·html
阿珊和她的猫3 小时前
autofit.js: 自动调整HTML元素大小的JavaScript库
开发语言·javascript·html
Justinc.16 小时前
HTML5新增属性
前端·html·html5
挽淚16 小时前
HTML5语义化标签和“<div>的一招鲜吃遍天”
html
JuneXcy18 小时前
11.web api 2
前端·javascript·html
全栈老石1 天前
设计师到前端不再有墙:Figma + VS Code 自动出码实践
前端·vue.js·html
全宝1 天前
【前端特效系列】css+js实现聚光灯效果
javascript·css·html
遗悲风1 天前
html抽奖功能
前端·html