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/