Ubuntu18搭建vue3
第一步我們可以先更新源(我所有的步驟都在root賬戶下操作的)
sudo apt-get update
然後安裝node
sudo apt-get install nodejs
安裝成功後可以查看版本是否成功安裝
node -v
nodejs -v
繼續安裝 npm
sudo apt-get install npm
安裝完成也可以 npm -v 查看是否成功
繼續安裝淘寶鏡像—cnpm下載
sudo npm install -g cnpm --registry=//registry.npm.taobao.org
一樣的使用 cnmp -v 查看是否安裝成功
下載完後要更新一下node和npm
node:
1、sudo npm cache clean -f //清除nodejs的cache 2、sudo npm install -g n //使用npm安裝n模組
3、sudo n stable //升級到穩定版本
更新npm到最新版:
sudo npm install npm@latest -g
查看版本:
node -v
npm -v
最後下載vue
sudo cnpm install vue
下載vue-cli vue3專用的腳手架
sudo cnpm install -g @vue/cli
查看vue版本
vue -V // - V要大寫
創建一個vue3項目:
vue create test
輸入Y,是否使用淘寶源
Your connection to the default yarn registry seems to be slow.
Use //registry.npm.taobao.org for faster installation? (Y/n)
選擇vue3回車就可以
? Please pick a preset: (Use arrow keys) //請選擇預選項 > Default ([Vue 2] babel, eslint) //使用Vue2默認模板進行創建 Default (Vue 3 Preview) ([Vue 3] babel, eslint) //使用Vue3默認模板進行創建 Manually select features
vue 運行
npm run serve
使用 vue ui 也可以添加項目