linux中搭建vue-cli

 

1 安裝nvm依賴並配置環境變量在

sudo wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash

export NVM_DIR="$HOME/.nvm"

source ~/.bashrc #是環境變量生效

 nvm --version    #查看當前nvm版本號

nvm list   # 列出目前在nvm里面安裝的所有node版本
nvm install node版本號      # 安裝指定版本的node.js
nvm uninstall node版本號    # 卸載指定版本的node.js
nvm use node版本號          # 切換當前使用的node.js版本    

2 npm install node.js

在安裝好node.js時，就已經安裝了npm工具

npm install -g 包名              # 安裝模塊   -g表示全局安裝，如果沒有-g，則表示在當前項目安裝
npm list                        # 查看當前目錄下已安裝的node包
npm view 包名 engines            # 查看包所依賴的Node的版本 
npm outdated                    # 檢查包是否已經過時，命令會列出所有已過時的包
npm update 包名                  # 更新node包
npm uninstall 包名               # 卸載node包
npm 命令 -h                      # 查看指定命令的幫助文檔

3  npm install -g vue-cli 下載vue-cli自動化前端項目工具

4 創建前端項目

 vue init webpack lufei

 注意：

 以上方法安裝在使用其創建自動化項目時會出現以下錯誤；  因為我們直接使用命令下載的node是windous版本的，所以在linux中出現版本問題，在上面的nvm的下載沒什么問題

我們在安裝node事需到官網https://nodejs.org/en/download/下載

然后在命令行將其解壓：

tar -xvf ../Downloads/node-v10.15.3-linux-x64.tar.xz  -C node

將其移動

sudo mv ../nodejs /home/liu/.nvm/versions/

設置全局命令

sudo ln -s /home/liu/.nvm/versions/node/bin/npm /usr/local/bin/
 sudo ln -s /home/liu/.nvm/versions/node/bin/node /usr/local/bin/

下載cnpm淘寶鏡像並設置全局命令

 npm install -g  --registry=https://registry.npm.taobao.org

sudo ln -s /home/liu/.nvm/versions/node/bin/cnpm /usr/local/bin/

cnpm install vue   下載vue

cnpm install --global vue-cli  下載vue-cli
vue init webpack myproject
sudo ln -s /home/liu/.nvm/versions/node/bin/vue      /usr/local/bin/  設置vue全局命令
vue init webpack my-project  創建項目
npm run dev  運行項目