楽をしてWEBページを作ろう STEP1 `RUN` (Vue Pug Sass TS Buefy)

記事対象

• 最近の開発環境に触れてみたい方
• 直接FTPクライアントでサーバー側のファイルをいじってる方
• ある程度Webの知識がついてきて、更に何かしたい方
• タイトルでビビッと来る方

前提

• Bash
• Node.js v8.10.+
  • nodeやnodebrewは こちら の記事が非常に参考になります
• vscode
  • sass-indented
  • tslint
  • vetur
  • vscode-bs-ctrlchar-remover
  • vscode-eslint

楽をしよう

1. Gitから構築済みプロジェクトを落としてくる
   • 便利なタグがすでに内包済み
     • ダイアログ
     • モーダル
     • ナビゲージョンバー
     • フォームアイテム
     • テーブル
2. タグを自作する
3. タグを配置する
4. コマンド一発でテスト用サーバーが立つ
5. コマンド一発でサーバーデプロイ用コードをビルド

こんな楽な環境があったらいいなーとは思いませんか？
今回は楽に速く美しく作れる環境を提案したいと思います

リポジトリ

RUN

1. README.md を軽く読む
2. download or clone
3. $ cd ${project_dir}
4. $ ./install.sh
5. $ npm run dev

これだけの操作でサンプルタグを表示したページが localhost:8000 に立ち上がります

次記事

次記事