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

相关推荐
座山雕~1 天前
html 和css基础常用的标签和样式
前端·css·html
IT教程资源C1 天前
(N_151)基于微信小程序校园学生活动管理平台
mysql·vue·前后端分离·校园活动小程序·springboot校园活动
玖釉-1 天前
解决PowerShell执行策略导致的npm脚本无法运行问题
前端·npm·node.js
Larcher1 天前
新手也能学会,100行代码玩AI LOGO
前端·llm·html
小月鸭1 天前
如何理解HTML语义化
前端·html
BBB努力学习程序设计1 天前
CSS Sprite技术:用“雪碧图”提升网站性能的魔法
前端·html
BBB努力学习程序设计1 天前
CSS3渐变:用代码描绘色彩的流动之美
前端·html
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ1 天前
npm i / npm install 卡死不动解决方法
前端·npm·node.js
Kratzdisteln1 天前
【Cursor _RubicsCube Diary 1】Node.js;npm;Vite
前端·npm·node.js
阳懿1 天前
meta-llama-3-8B下载失败解决。
前端·javascript·html