如何将VSCode引入Bootstrap进行代码优化?
- 内容介绍
- 文章标签
- 相关推荐
本文共计239个文字,预计阅读时间需要1分钟。
1. 创建好项目,初始化项目。
2.检查并安装npm、vue、node。
3.切换到当前目录,执行以下命令:
npm install bootstrap --save --save-exact (--save表示将依赖库添加到package.json,--save-exact确保安装特定版本。)1、创建好项目,初始化项目
2、检查npm,vue,node
3、cd到当前目录,执行如下命令:
npm install bootstrap --save --save-exact // --save是做为依赖库存到package.json中,后面的命令会精确版本号(就是版本前面没有尖括号),在项目开发中还是很需要的,这步比较重要
4、main.js中进行引入
import ‘bootstrap/dist/css/bootstrap.min.css’
5、在app.vue中进行布局,然后写大致样式,对其按钮进行测试,查看是否引入成功。
推荐教程:vscode教程
以上就是vscode怎么引入bootstrap的详细内容,更多请关注自由互联其它相关文章!
本文共计239个文字,预计阅读时间需要1分钟。
1. 创建好项目,初始化项目。
2.检查并安装npm、vue、node。
3.切换到当前目录,执行以下命令:
npm install bootstrap --save --save-exact (--save表示将依赖库添加到package.json,--save-exact确保安装特定版本。)1、创建好项目,初始化项目
2、检查npm,vue,node
3、cd到当前目录,执行如下命令:
npm install bootstrap --save --save-exact // --save是做为依赖库存到package.json中,后面的命令会精确版本号(就是版本前面没有尖括号),在项目开发中还是很需要的,这步比较重要
4、main.js中进行引入
import ‘bootstrap/dist/css/bootstrap.min.css’
5、在app.vue中进行布局,然后写大致样式,对其按钮进行测试,查看是否引入成功。
推荐教程:vscode教程
以上就是vscode怎么引入bootstrap的详细内容,更多请关注自由互联其它相关文章!

