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

相关推荐
Flynt3 天前
npm v12 来了:allowScripts 默认关闭,我的项目差点跑不起来
安全·npm·node.js
ZhengEnCi4 天前
Q02-Vue-React-index.html完全指南
vue.js·react.js·html
牧艺5 天前
HTML-in-Canvas 深度解析:让 Canvas 真正「吃上」HTML 这碗饭
前端·html·canvas
爱勇宝5 天前
我给自己做了一个新标签页:不登录、不打扰、打开就能用
前端·html·浏览器
JuliusDeng5 天前
一文搞懂 `.npmrc`:npm 源、SSL 与 `_authToken` 配置避坑
npm·前端工程化
越努力越幸运666 天前
多模态代码调试实战:Gemini3.5 精准捕获 HTML 隐性语法
html
kyriewen9 天前
2026 年了,这 6 个 npm 包可以卸载了——浏览器原生 API 已经能替代
前端·javascript·npm
anOnion10 天前
构建无障碍组件之Menu Button pattern
前端·html·交互设计
米丘10 天前
微前端之 Web Components 完全指南
微服务·html
Metaphor69213 天前
使用 Python 将 PDF 转换为 HTML
python·pdf·html