­

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 也可以添加項目
Tags: