Tailwind Css 官方
安装@vue/cli
npm install -g @vue/cli初始化
Vue项目，我们创建一个名为tailwind的项目vue create tailwind中间步骤自己定义，不多做介绍
...安装
Tailwind CSS
cd tailwind
npm install tailwindcss -S修改
main.js引入import 'tailwindcss/tailwind.css'import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'import 'tailwindcss/tailwind.css'Vue.config.productionTip = falsenew Vue({
router,
store,
render: h => h(App)
}).$mount('#app')创建
Tailwind配置文件npx tailwind init详细配置自行查询官方
修改
vue.config.js文件
【前端|VueCLI3+项目使用tailwindcss，最简单配置】如果没有就新建一个module.exports = {
css: {
loaderOptions: {
postcss: {
plugins: [require('tailwindcss'), require('autoprefixer')]
}
}
}
}
推荐阅读
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- vue.js组件开发
- 前端开发|Vue2.x API 学习
- vue|Vue面试常用详细总结