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
Nuxt.js 1.0 is out 🎉
) worked on it full time to create the same framework but with Vue.js (Next + Vue = Nuxt.js). Once the prototype was ready (v0.2.0 on November 2016), my brother ( ) came to help me and added the `nuxt generate` feature a week later (v0.3.2). Pooya Parsa joined the core team a few months after and introduced the nuxt modules. This changed the way we worked on nuxt.js and focused more on the core fe
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-
Install Storybook • Storybook docs
Use the Storybook CLI to install it in a single command. Run this inside your project’s root directory: Install a specific versionThe init command will use whichever version you specify. For example: storybook@latest init will initialize the latest versionstorybook@7.6.10 init will initialize 7.6.10storybook@latest init will initialize the newest 7.x.x versionStorybook will look into your project'
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 - nuxt-community/nuxt7: 📱 Full Featured iOS & Android PWA Apps with Nuxt.js and Framework7
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.
