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

相关推荐
是梦终空4 分钟前
JAVA毕业设计210—基于Java+Springboot+vue3的中国历史文化街区管理系统(源代码+数据库)
java·spring boot·vue·毕业设计·课程设计·历史文化街区管理·景区管理
python算法(魔法师版)28 分钟前
html,css,js的粒子效果
javascript·css·html
Amy_cx1 小时前
npm install安装缓慢或卡住不动
前端·npm·node.js
浪浪山小白兔14 小时前
HTML 表单和输入标签详解
前端·html
寰宇软件14 小时前
PHP同城配送小程序
微信小程序·vue·php·uniapp
℡52Hz★16 小时前
如何正确定位前后端bug?
前端·vue.js·vue·bug
寰宇软件16 小时前
PHP企业IM客服系统
微信小程序·vue·php·uniapp
m0_7482475519 小时前
【HTML+CSS】使用HTML与后端技术连接数据库
css·数据库·html
浪浪山小白兔21 小时前
HTML 基础入门:核心标签全解析
前端·javascript·html
浪浪山小白兔21 小时前
HTML `<head>` 元素详解
前端·html