Windows構築メモ

開発環境構築

Windowsを初期インストールしたため、開発環境構築メモ

エディタ

1. サクラエディタ
   V2(Unicode版) 最新版
2. VScode
3. VSCode 拡張
   Japanese Language Pack for VS Code
Bookmarks
Bracket Pair Colorizer
Indenticator
Log File Highlighter
Output Colorizer
Partial Diff
Path Autocomplete
Prettier
Trailing Spaces
vscode-icons
YAML
Local History
Marp for VS Code
Paste Image
Diff Folders
Auto Rename Tag
Auto Close Tag
Beautify
JavaScript(ES6() Snippets
Vue Peek

参考

• VSCodeのオススメ拡張機能 24 選 (とTipsをいくつか)

Git

1. Git for Windwos
2. VSCode 拡張
   Git History
GitLens

参考

• VSCodeでのGitの基本操作まとめ

PrantUML

1. Java SDK(OPEN JDK)
   http://jdk.java.net/archive/ から11.0.2のzipをダウンロード展開し、環境変数にJAVA_HOME設定
2. Graphviz
3. VSCode 拡張
   PlantUML *jebbs版

参考

• Windows 版 OpenJDK インストール手順
• [Visual Studio Code][Windows] PlantUMLの環境を設定する（シンタックスハイライト+リアルタイムプレビュー）

パッケージ管理

1. Chocolatey
   　　powerShell（管理者権限）で以下を実行

　　 Chocolateyパッケージリポジトリ

Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

chocolatey -vでインストール確認
choco install chocolateygui

参考

• 【Chocolatey入門】導入から注意点、今後の可能性まで

Node.js

1. Node.js

choco install nodejs
2. yarn

choco install yarn

参考

• Nuxt.js (Vue.js) + Express + Socket.IO でリアルタイムWeb (チャット) を体験する

Nuxt.js

1. Nuxt.js

yarn global add nuxt
yarn global add vue-cli
yarn create nuxt-app <project-name> プロジェクト作成

1. VSCode 拡張 Vetur

参考

• windows10にNode.jsをインストールする

DBクライアント

1. TablePlus

参考

• Sequel proの代わりを探すためにTeamSQL、TablePlus、DBeaverを使ってみた結果
• SequelProよりも使いやすい！？ TablePlusの使い方

図形描画

1. drawio
   choco install drawio

PDF作成

1. cubepdf

アイコン無料

1. icooon-mono

favicon作成サイト

Favicon Generator
各デバイス用のfaviconが一気に作成できて超便利！

PWABuilder

PWABuilder
PWA用のfaviconやmanifestファイルを作成してくれる。

FTPツール

WinSCP
ちょうどいいFTPツール

・・・随時更新