LoginSignup
0
0

More than 1 year has passed since last update.

Vue.jsの開発メモ#1

Last updated at Posted at 2022-06-04

今日のメモ

  • homebrew, nodebrew, node.js のアップデート
  • Githubで remote repogitoryの作成
  • Terminalでvue-cliのインストール (npm install -g @vue/cli)
  • vue create ファイル名
  • vue-class-component, vue-property-decoratorとは
  • Nuxt.jsについて
  • Universal mode(SSR), SPA mode,

vue-class-componentとは

TypeScript(.tsファイル)でコンポーネントが書けるようになる。
Componentデコレータをつけて,Vueを継承したクラスとして書く

SSRとは

SSRとは,従来のブラウザ側(クライアント側)で実行されHTMLを描画するJavaScriptをサーバー内部で実行し,HTMLを描画するもの. また、UniversalはSPAでもあるため、ページ遷移などに関しても申し分がなく、爆速.

Nuxtプロジェクトの立ち上げ

 To create nuxt project:

    npx create-nuxt-app nuxt-test

To get started:

    cd nuxt-test
    npm run dev

To build & start for production:

    cd nuxt-test
    npm run build
    npm run start

To test:

    cd nuxt-test
    npm run test
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