2024年安装npm+vue+国内镜像+bootstrap全套详细教程

脚手架()

npm安装

第一步(安装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 set registry https://registry.npmjs.org
3、查看镜像使用状态：
npm config get registry
如果返回https://registry.npm.taobao.org/，说明配置的是淘宝镜像。

第四步（使用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

第六步跑起来

vue create demo1
npm run server

有问题可以问我的gpt免费的 http://1.00000.work