使用yarn安裝vue-cli3.0快速搭建vue環境

yarn安裝穩定版本1.17.3

1.置存儲庫

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
複製代碼

2.linux及其發行版安裝

sudo apt-get update && sudo apt-get install yarn
複製代碼

3.檢查安裝是否成功：

yarn --version
複製代碼

4.換上淘寶源，加速安裝過程

yarn config set registry "https://registry.npm.taobao.org"
複製代碼

參考：Yarn學習筆記

5.安裝vue的命令行工具vue-cli,安裝成功後就多了一個vue的命令

yarn global add @vue/cli

或者

sudo npm install -g @vue/cli
複製代碼

6.進入一個空目錄，在當前目錄建立vue項目

vue create .
複製代碼

7.運行yarn server將vue程序跑起來

8.部署到github

先使用yarn build對代碼進行打包，生成一個能夠部署的dist文件夾，同時命令行會給出一個連接，切換到中文，下面有關於部署的說明，它提示咱們要部署，須要設置publicPath

所以咱們須要在項目的根目錄下建立vue.config.js，內容爲：

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/vue-demo1/dist/'
    : '/'
}
複製代碼

？後面接的是線上環境的路徑（項目名稱+dist），若是不配置這個文件，默認的路徑是‘/’，那麼請求dist裏面的文件的時候路徑是錯的，文件就請求不到了

配置好以後須要從新的yarn build，以後就得看一下dist目錄下的html，看看裏面引用文件的路徑是否徹底正確