eslint-plugin-vue を作ã£ã¦ã„る話 - Qiita
4æ—¥æœã« Vue.js #1 アドベント カレンダーを見ãŸã‚‰3æ—¥ã®ã¶ã‚“ãŒç©ºã„ã¦ã„ãŸã®ã§æ€¥é½æ›¸ãã¾ã—ãŸã€‚ ç§ã¯ .vue ファイルをé™çš„検証ã™ã‚‹ãŸã‚ã® ESLint Plugin を開発ã—ã¦ã„ã¾ã™ã€‚ eslint-plugin-vue ( ESLint ã«ã¤ã„ã¦ã¯ã“ã¡ã‚‰: ESLint 最åˆã®ä¸€æ© ) ã“ã®ãƒ—ラグインを使ã†ã¨ã€.vueファイルã®ãƒ†ãƒ³ãƒ—レート部分ã«ã¤ã„ã¦ã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§æ§‹æ–‡ã‚¨ãƒ©ãƒ¼ã‚’検出ã—ãŸã‚Šã€v-bind ç‰ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã®ä½¿ã„æ–¹ãŒé–“é•ã£ã¦ã„ãŸã¨ãã«æŒ‡æ‘˜ã—ã¦ãã‚ŒãŸã‚Šã—ã¾ã™ã€‚ã¾ãŸã€å…¬å¼ã® Vue.js スタイルガイド ã«æ²¿ã†ã‚ˆã†ã«è‡ªå‹•æˆå½¢ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ 🃠試ã—ã¦ã¿ã‚‹ eslint-plugin-vue ã‚’ç°¡å˜ã«è©¦ã—ã¦ã¿ã‚‹ãŸã‚ã«ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ デモãŒã‚ã‚Šã¾ã™ (1度アクセスã™ã‚Œã°ã€ä»¥å¾Œã¯ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚使ãˆã¾ã™)。ã“ã“ã§ã‚³ãƒ¼ãƒ‰ã‚’入力ã—ã¦ã€ã©ã®ã‚ˆã†ãªã‚¨ãƒ©ãƒ¼ãŒå‡ºã‚‹ã®ã‹ã€ã©ã®ã‚ˆã†
ãªãœãƒ—ãƒãƒ€ã‚¯ãƒˆã« Vue.js を採用ã—ãŸã®ã‹? é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã£ã ã£ãŸ? ã¨ã„ã†è©± | Nagisaã®ã™ã‚ã‚
2018å¹´2月6æ—¥ ãªãœãƒ—ãƒãƒ€ã‚¯ãƒˆã« Vue.js を採用ã—ãŸã®ã‹? é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã£ã ã£ãŸ? ã¨ã„ã†è©± 余り知られã¦ã„ã¾ã›ã‚“㌠Nagisa ã§ã¯ã‚¢ãƒ—リã ã‘ã§ãªã Web ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚„サービスもã‚ã‚Šã¾ã™ã€‚マンガZERO ã‚„ UPTOON! ã‚„ 月刊コミックジヘン 辺りãŒãã†ã§ã™ã€‚ 何れも Vue.js ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ SPA ã§ã€ç¤¾å†…・外両方ã‹ã‚‰ “ãªã‚“㧠Vue.js ãªã®?†ã¨ã‹ã‚ˆãèžã‹ã‚Œã¾ã™ã€‚ãã“ã§ã€ä»Šå›žã¯ã©ã†ã—㦠Vue.js ã‚’é¸æŠžã—ãŸã®ã‹ã€Vue.js ã®ä½•ãŒã„ã„ã®ã‹ã€Vue.js ã§é‹ç”¨ã—ã¦ã¿ã¦ã©ã†ã ã£ãŸã‹ã®è©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« Vue.js ã‚’å°Žå…¥ã™ã‚‹å‰ã®ãƒžãƒ³ã‚¬ ZERO Web 㯠2.0系㮠Riot ã§ä½œã‚‰ã‚Œã¦ã„ã¾ã—ãŸã€‚今ã‚ã‚‹ SPA ã®ã‚ˆã†ãªå½¢ã§ã¯ãªãサーãƒã‚µã‚¤ãƒ‰ (Go) ã«ã¦ãƒ¡ã‚¿ã‚¿ã‚°ã‚’生æˆã€ç©ºã®ãƒžã‚¦ãƒ³ãƒˆãƒã‚¤ãƒ³ãƒˆ <div id="app"><
ファイルアップãƒãƒ¼ãƒ‰æ©Ÿèƒ½ã§å¦ã¶Vue.js(2) - 豆è…ã¨ã‚³ãƒ³ã‚½ãƒ¡
日記 ãªã‚“ã‹ã“ã†äººç”Ÿã«å¯¾ã—ã¦ã‚„ã‚‹æ°—ãŒã§ãªã„ã¨ãã£ã¦ã‚るよãï¼ ä»Šã€ãã‚“ãªæ„Ÿã˜ã€‚ よãã‚ã‚‹ã®ã§ã‚ã¾ã‚Šæ°—ã«ã—ã¦ãªã„ã®ã ã‘ã‚Œã©ã‚‚ã€ã‚‚ã—ã“ã‚ŒãŒç¶šãよã†ãªã“ã¨ãŒã‚ã£ãŸå ´åˆã€ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã ã¨æ€–ã„ãªãã£ã¦æ€ã†ã€‚ å°èª¬ã®æ»ã®ãƒãƒ³ã‚°ã‚¦ã‚©ãƒ¼ã‚¯ã‚’æ€ã„出ã—ãŸã‚Šã™ã‚‹ã‚ˆã€‚ よãよã考ãˆã‚Œã°ã€ä¼šç¤¾å“¡ã§ã‚‚åŒã˜ã‹ã‚‚ã—ã‚Œãªã„ã‘ã‚Œã©ã‚‚。 å‰å›žã®ç¶šã å‰å›žã¯drop.vueコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’作æˆã—ã¦ã€main.jsã«ç™»éŒ²ã—ãŸã¨ã“ã‚ã¾ã§ã‚’è¡Œã„ã¾ã—ãŸã€‚ å‰å›žã®æ§˜å ãã®ç¶šãを書ã„ã¦ã„ãã‚“ã ã‚ˆï¼ æ—¥è¨˜ å‰å›žã®ç¶šã drop.vueã«ãƒ‰ãƒ©ãƒƒã‚° & ドãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«é¸æŠžã‚’è¿½åŠ ã™ã‚‹ onDropã®å‡¦ç†ã‚’書ã ã¡ã‚‡ã£ã¨å‰å›žã‚’振りã‹ãˆã‚‹ åã®drop.vueã‹ã‚‰è¦ªã«ãƒ‡ãƒ¼ã‚¿ã‚’渡㙠drop.vueã«ãƒ‰ãƒ©ãƒƒã‚° & ドãƒãƒƒãƒ—ã§ãƒ•ã‚¡ã‚¤ãƒ«é¸æŠžã‚’è¿½åŠ ã™ã‚‹ å‰å›žã¯ã€inputã‚¿ã‚°ã ã‘を使ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«é¸æŠžã®ã¿ãŒã¦ãã¦ã„ãŸçŠ¶æ…‹ã§ã—ãŸãŒã€å½“åˆã®äºˆå®šé€šã‚Šãƒ‰ãƒ©ãƒƒã‚°&ド
VSCodeã§Vue.jsã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒã†ã¾ãã„ã‹ãªã„ #vscode #vuejs #nuxtjs - ジムã«ã¯ä¹—ã‚ŠãŸã„
æ¦‚è¦ ã¨ã‚Šã‚ãˆãšNuxt.jsã¯VSCodeã§æ›¸ã„ã¦ã¿ã¦ã‚‹ã‚“ã ã‘ã©ã€ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’ã‹ã‘ã‚‹ã¨ã‚¨ãƒ©ãƒ¼ã«ãªã£ã¦ã—ã¾ã†ã€‚ å‰æ Veturã¨ã„ã†ãƒ—ラグインを入れã¦ã„ã¾ã™ã€‚ github.com çµè«– Prettierプラグインを入れる。 github.com VSCodeã®è¨å®šã«ä¸‹è¨˜ã‚’è¿½åŠ ã™ã‚‹ã€‚ "prettier.singleQuote": true, "prettier.semi":false, .eslintrc.js ã®rulesã«ä¸‹è¨˜ã‚’è¿½åŠ ã™ã‚‹ã€‚ rules: { // è¿½åŠ ã™ã‚‹ 'space-before-function-paren': 0 }, 詳細 VSCodeã§ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‹ã‘ã‚‹ã¨ã€ã‚¨ãƒ©ãƒ¼ã«ãªã£ã¦ã—ã¾ã£ãŸã€‚ フォーマット書ã‘ã‚‹ã¨ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚‹ã€‚ <script> export default { data: function() { return { message: "he
What’s new in Vue Devtools 4.0
A big update was released to the Vue devtools just a few days ago. Let’s dive into the new features and improvements! 🎄 Editable component dataYou can now modify the data of your component directly in the Component inspector pane. Select a componentUnder the data section in the inspector, mouse over a fieldClick on the pencil iconSubmit your changes by clicking on the done icon or by hitting Ente
GitHub - nuxt-community/nuxt7: 📱 Full Featured iOS & Android PWA Apps with Nuxt.js and Framework7
Nuxt.js 1.0 is out 🎉
It has been a long run, with a lot of commits, issues, contributors & fun! See 1.0.0 Release Note on GitHub. Nuxt.js is a framework on top of Vue.js, vue-router, vuex and vue-meta. You can create a (static generated or universal or single page) web app quickly with the same setup and no build config to write. TLDR:Nuxt 1.0.0 is out, up to date with the lastest versions of Vue, vue-router, vuex and
Vue.js File Upload
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Get started with Storybook | Storybook docs
Welcome to Storybook's documentation ✦ Learn how to get started with Storybook in your project. Then, explore Storybook's main concepts and discover additional resources to help you grow and maintain your Storybook. What is Storybook? Storybook is a frontend workshop for building UI components and pages in isolation. It helps you develop and share hard-to-reach states and edge cases without needin
Vue 2.5 released
We are excited to announce the release of Vue 2.5 Level E! This release includes improvements of various features and we recommend checking out the release note for full details. In this post we are going to highlight some of the more prominent changes: better TypeScript integration, better error handling, better support for functional components in single-file components, and environment-agnostic
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Organize and decouple your API calls in Nuxt 2
GitHub - crcatala/vue-full-screen-file-drop: Vue component for full screen file drop & uploads
Nuxt 2 - The Intuitive Vue Framework ドã‚ュメント
GitHub - express-vue/express-vue: Vue rendering engine for Express.js. Use .Vue files as templates using streams
GitHub - alfhen/vue-cookie: A Vue.js plugin for manipulating cookies
Nested page component not re-rendered when data is updated · Issue #1754 · nuxt/nuxt
Working with Body Request Params (req.body) · Issue #24 · nuxt/nuxt
GitHub - vuejs/vuex-router-sync: Effortlessly keep vue-router and vuex store in sync.
GitHub - nuxt-community/dotenv-module: Loads your .env file into your application context
GitHub - nuxt-community/express-template: Starter template for Nuxt 2 with Express.
{{#tags}}- {{label}}
{{/tags}}