Skip to content

Commit 462ad07

Browse files
committed
🎉
0 parents  commit 462ad07

15 files changed

+20895
-0
lines changed

.gitignore

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
.DS_Store
2+
node_modules
3+
/dist
4+
5+
# local env files
6+
.env.local
7+
.env.*.local
8+
9+
# Log files
10+
npm-debug.log*
11+
yarn-debug.log*
12+
yarn-error.log*
13+
14+
# Editor directories and files
15+
.idea
16+
.vscode
17+
*.suo
18+
*.ntvs*
19+
*.njsproj
20+
*.sln
21+
*.sw?

README.md

+60
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
# vue-cli
2+
3+
Setting up Tailwind with vue-cli is really simple, just install Tailwind:
4+
5+
```sh
6+
npm install tailwindcss
7+
```
8+
9+
Then add it to your PostCSS config (use a separate `postcss.config.js` file):
10+
11+
```js
12+
module.exports = {
13+
plugins: [
14+
require('tailwindcss'),
15+
require('autoprefixer'),
16+
]
17+
}
18+
```
19+
20+
Next, create a CSS file for your Tailwind styles. We've stored in it `src/assets/tailwind.css` for this example:
21+
22+
```css
23+
@tailwind base;
24+
@tailwind components;
25+
@tailwind utilities;
26+
```
27+
28+
Finally, import that CSS file at the bottom of your main `App.vue` component:
29+
30+
```html
31+
<template>
32+
<!-- ... --->
33+
</template>
34+
35+
<script>
36+
/* ... */
37+
</script>
38+
39+
<style src="./assets/tailwind.css">
40+
```
41+
42+
## Project setup
43+
```
44+
npm install
45+
```
46+
47+
### Compiles and hot-reloads for development
48+
```
49+
npm run serve
50+
```
51+
52+
### Compiles and minifies for production
53+
```
54+
npm run build
55+
```
56+
57+
### Lints and fixes files
58+
```
59+
npm run lint
60+
```

babel.config.js

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
presets: [
3+
'@vue/app'
4+
]
5+
}

0 commit comments

Comments
 (0)