- vue-cli-plugin-pug
- vue-cli-plugin-coffee
- coffeescript
- coffee-loader
- ress
- postcss-ghost-utils
- vue-cli-plugin-electron-builder
- electron
Last active
February 20, 2020 13:03
-
-
Save isuke/aedb44e8004197962b4fec47b21484dd to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # use coffeescript | |
| *.vue |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template lang="pug"> | |
| #app | |
| nav.nav | |
| router-link(to="/") Home | |
| | | | |
| router-link(to="/alias") Alias | |
| router-view | |
| </template> | |
| <style lang="scss" scoped> | |
| #app { | |
| } | |
| </style> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template lang="pug"> | |
| #app | |
| img(alt="Vue logo", src="./assets/logo.png") | |
| hello-world(msg="Welcome to Your Vue.js App") | |
| </template> | |
| <script lang="coffee"> | |
| import HelloWorld from "./components/HelloWorld.vue" | |
| export default | |
| components: | |
| "hello-world": HelloWorld | |
| </script> | |
| <style lang="scss"> | |
| #app { | |
| } | |
| </style> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import Vue from 'vue' | |
| import App from './App.vue' | |
| import router from './router.coffee' | |
| // import store from './store' | |
| // import './registerServiceWorker' | |
| import axios from 'axios' | |
| // Vue.config.devtools = false | |
| Vue.config.performance = process.env.NODE_ENV !== 'production' | |
| Vue.config.productionTip = process.env.NODE_ENV !== 'production' | |
| Vue.prototype.$axios = axios | |
| new Vue({ | |
| router, | |
| // store, | |
| render: (h) => h(App) | |
| }).$mount('#app') |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| plugins: { | |
| "autoprefixer": {}, | |
| "postcss-ghost-utils": {} | |
| } | |
| }; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import Vue from "vue" | |
| import Router from "vue-router" | |
| # import Home from "./views/Home.vue" | |
| # import Abount from "./views/Abount.vue" | |
| Vue.use Router | |
| export default new Router | |
| mode: 'history' | |
| linkActiveClass: "-current" | |
| scrollBehavior: (to, from, savedPosition) -> if savedPosition then savedPosition else { x: 0, y: 0 } | |
| routes: [ | |
| { | |
| path: "/" | |
| name: "home" | |
| component: => `import(/* webpackChunkName: "home" */ "./views/Home.vue")` | |
| } | |
| { | |
| path: "/about" | |
| name: "about" | |
| component: => `import(/* webpackChunkName: "about" */ "./views/About.vue")` | |
| } | |
| ] |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| process.env.VUE_APP_VERSION = require("./package.json").version; | |
| module.exports = { | |
| css: { | |
| loaderOptions: { | |
| sass: { | |
| data: ` | |
| @import "ress"; | |
| @import "@/styles/bases/_typography.scss"; | |
| ` | |
| } | |
| } | |
| } | |
| }; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment