ubuntu 18 yarn、vueのインストール

2121 ワード

Updated at 2020-03-11
sudo apt update
sudo apt install nodejs
sudo apt install npm
sudo npm i -g npm --registry https://registry.npm.taobao.org
sudo npm i -g yarn --registry https://registry.npm.taobao.org
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
export NVM_NODEJS_ORG_MIRROR=http://npm.taobao.org/mirrors/node
npm config set registry https://registry.npm.taobao.org

 
------------------------------ Before updated
オペレーティングシステムはubuntu 18
ステップ1:変換元
sudo python -c "s='mirrors.163.com';import re;f=open('/etc/apt/sources.list','r+');a=f.read();f.seek(0);f.truncate();f.write(re.sub(r'(deb|security)\.debian\.org', s, a));f.close()"

参照先:https://blog.csdn.net/jaket5219999/article/details/81011764
ステップ2:yarnのインストール
sudo apt-get update
sudo apt-get upgrade
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt-get update
sudo apt-get install yarn
#      nvm,     :
# sudo apt install --no-install-recommends yarn
yarn --version

参照先:https://idroot.us/tutorials/install-yarn-ubuntu-18-04-lts/
第三歩:yarnに淘宝源を交換する
yarn config set registry https://registry.npm.taobao.org

参照先:https://blog.csdn.net/p358278505/article/details/72916548
ステップ4:vueのインストール
yarn global add @vue/cli

参照先:https://cli.vuejs.org/guide/installation.html
------------------------------------------------------------------------------
インストールが完了してvueが見つからない場合は、findコマンドを使用してvueが存在するディレクトリを見つけ、そのディレクトリをPATHに追加します.
sudo find / -name "vue"
# /home/vagrant/.yarn/bin/vue
echo '# set PATH for yarn
if [ -d "$HOME/.yarn/bin" ] ; then
    PATH="$HOME/.yarn/bin:$PATH"
fi' >> ~/.profile
. ~/.profile
vue --version
# 3.4.1