CentOS8.3にVue.jsをインストールする方法

操作方法
1.nodejsの確認
# node –version
v10.24.0

# npm –version
6.14.11

2.@vue/cliインストール
# npm i -D @vue/cli

59 packages are looking for funding
run `npm fund` for details

found 0 vulnerabilities

3.バージョン確認
# npx vue –version
@vue/cli 4.5.12

4.プロジェクトを作成
# npx vue create vueapp

Vue CLI v4.5.12
? Please pick a preset:
? Default ([Vue 2] babel, eslint)
Default (Vue 3 Preview) ([Vue 3] babel, eslint)
Manually select features

「Default (Vue 3 Preview)」を選択し、実行

$ cd vueapp
$ npm run serve

5.ファイアウォールを設定
# firewall-cmd –add-port=8080/tcp –zone=public –permanent
success
# firewall-cmd –reload
success

6.yarnインストール
# curl -sL https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo
[yarn]
name=Yarn Repository
baseurl=https://dl.yarnpkg.com/rpm/
enabled=1
gpgcheck=1
gpgkey=https://dl.yarnpkg.com/rpm/pubkey.gpg

# sudo yum -y install yarn

インストール済み:
yarn-1.22.5-1.noarch
7.vue起動
# cd vueapp
起動
# yarn serve
下記画面が表示されます
App running at:
– Local: http://localhost:8080/
– Network: http://192.168.71.129:8080/

Note that the development build is not optimized.
To create a production build, run npm run build.

8.ブラウザの確認
http://192.168.71.129:8080/

Vue.js

Posted by arkgame