安装normalize.css报错

先记录一下,找到方法再做笔记

### 如何通过 npm 安装 normalize.css 并在项目中使用 #### 1. 安装 `normalize.css` 可以通过以下命令来安装 `normalize.css`,将其作为项目的依赖项: ```bash npm install --save normalize.css ``` 如果遇到安装错误,可以尝试添加 `--legacy-peer-deps` 参数以忽略版本冲突问题[^4]: ```bash npm install --save normalize.css --legacy-peer-deps ``` #### 2. 在 JavaScript 或 TypeScript 项目中引入 ##### 对于 Vue.js 项目(TypeScript 版本) 可以在 `main.ts` 文件中引入 `normalize.css`,如下所示: ```typescript import { createApp } from 'vue'; import App from './App.vue'; import router from './router'; import store from './store'; // 引入 normalize.css import 'normalize.css'; createApp(App).use(store).use(router).mount('#app'); ``` 此处的 `import 'normalize.css';` 确保了全局样式的加载[^3]。 ##### 对于 Vue.js 项目(JavaScript 版本) 同样,在 `main.js` 中也可以这样引入: ```javascript import Vue from 'vue'; import App from './App.vue'; import router from './router'; import store from './store'; // 引入 normalize.css import 'normalize.css'; Vue.config.productionTip = false; new Vue({ router, store, render: (h) => h(App), }).$mount('#app'); ``` 此方法适用于基于 Webpack 的构建工具链环境。 #### 3. 验证安装成功 完成上述操作后,启动开发服务器并访问页面。此时,`normalize.css` 已经被应用到整个项目中,用于重置浏览器默认样式[^1]。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值