vue.js 3 + TypeScript 環境を作成する

1. Vue CLI をインストールします

npm install --global @vue/cli

一度ターミナルを再起動してから

バージョンの確認

vue -V
@vue/cli 4.5.11

2. 新規のプロジェクトを作成し、続いて "Manually select features" を選択します

vue create my-project-name

Typescript を利用するために Manually select features を選択します。

3. ローカルサーバー起動

cd my-project-name
npm run serve

4. ビルド

dist フォルダにビルド結果が出力されます

npm run build

5. ローカルファイルを表示した場合画面が真っ白になる場合は相対パスを指定します

vue 2 の場合は

vue.config.js

module.exports = {
    publicPath: './'
}

vue 3 の場合は 

vue.config.js

module.exports = {
    baseUrl: './'
}
No.1946
03/02 13:12

edit