vue-cli搭建项目公共样式怎么引入

 时间:2026-02-14 09:24:18

1、第一步,利用vue-cli创建一个项目,详细文件如下图

vue-cli搭建项目公共样式怎么引入

2、第二步,创建一个css文件到目录src/assets下,如下图

例子为reset.css

vue-cli搭建项目公共样式怎么引入

3、第三步,在文件夹src目录下找到main.js,并且点开文件,如下图

vue-cli搭建项目公共样式怎么引入

4、第四步,在main.js中加入代码

import  './assets/reset.css' 

,如下图

vue-cli搭建项目公共样式怎么引入

5、第五步,打开命令提示工具,并且在当前项目的根目录,运行npm run dev,

成功开启后,在网页输入【127.0.0.1:8080】,公共样式reset.css已经加入到项目中,如下图

vue-cli搭建项目公共样式怎么引入

  • 上古卷轴5天际怎么删除文件
  • 《XCOM:未知敌人》之新手入门攻略
  • 三国志13威力加强版怎么导入头像
  • 尼尔机械纪元 J结局 触发方法
  • 《无主之地2》独特武器介绍
  • 热门搜索
    辣白菜的腌制方法和配料 奢求是什么意思 路虎揽胜运动报价 儿童自行车什么牌子好 亚洲青年运动会 洋姜怎么腌制 卡拉胶是什么 media是什么意思 济南有什么好玩的 让球是什么意思