0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

フロントエンド関連ツールの理解

Posted at

概要

開発時に目にしたフロントエンドの関連ツールをまとめる。

node.jsのバージョン管理ツール

node.jsのバージョンを管理するツール

いくつかあるが日本人が作成したものもある

nodebrew

hokaccha/nodebrew

nvm

マルチプラットフォーム対応なのでwindowsでも使える

nvm-sh/nvm

n

tj/n

そのほか色々ある

node.jsのパッケージ管理

node.jsにインストールするパッケージを管理するツール

二種類あるが互換性あるので併用してもいいそう。

これを使ってインストールされたパッケージはpackage.jsonというファイルに表記され、json形式で管理されている。(pipのrequirement.txtと似ている。)

npm

yarn

こっちの方が処理が高速

yarnとは - Qiita

違いについて

npmとyarnとpnpmの違い2021

jsのフレームワーク

vue

バージョンが2と3があるので注意

Vue CLI の変更点・使い方(vue-cliから@vue/cliにアップデート) - Qiita

react

違い

テンプレート言語

Vue.js: HTML
htmlとjs(とcss)を分離して記述する

React.js: JSX

jsの中にhtmlを記述する

JSXが実はベターな解だったのではないか?|erukiti|note

書き方の違い

react.js(next.js)とvue.js(nuxt.js)の違いをソースで確認してみましょう - Qiita

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?