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

相关推荐
Patrick_Wilson2 小时前
悬浮提示从哪来:LSP、tsserver 与 .d.ts
typescript·npm·前端工程化
Patrick_Wilson2 小时前
npm 的 bin 如何接到 npm run 与 npx
npm·node.js·前端工程化
Data_Journal2 小时前
如何使用 Python 解析 HTML
python·html
Patrick_Wilson2 小时前
import 之后发生了什么:package.json、解析与安装产物
npm·node.js·前端工程化
Patrick_Wilson2 小时前
npm 里 SemVer 和 dist-tag 如何决定装哪一版
npm·node.js·前端工程化
java1234_小锋9 小时前
【技术专题】HTML5 网页技术 - HTML5 Canvas 基础以及动画入门
前端·html·html5
keyipatience18 小时前
TypeScript学习(1)
前端·javascript·学习·typescript·html·css3
zttbee1 天前
npm install卡顿
前端·npm·node.js
java1234_小锋1 天前
【技术专题】HTML5 网页技术 - HTML5 语义化标签
前端·html·html5
asdzx671 天前
C# 将 HTML 转换为 PDF:基于 Chrome 的转换方案
pdf·c#·html