Linux下搭建Vue開發環境

ubuntu 16.04下nodejs安裝方式:
方式一:
使用apt-get在線安裝:
1):更新Ubuntu軟件源

 

sudo apt-get update
sudo apt-get install -y python-software-properties software-properties-common
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
2):安裝nodejs和npm

sudo apt-get install nodejs
sudo apt install nodejs-legacy
sudo apt install npm
3):更新npm的包鏡像源

sudo npm config set registry https://registry.npm.taobao.org
sudo npm config list
4):全局安裝n管理器,用於管理nodejs版本

sudo npm install n -g
5):安裝最新的nodejs（stable版本）

sudo n stable
sudo node -v
方式二:
源碼安裝:官網地址:nodejs官網
本人下載:node-v8.11.1-linux-x64.tar.xz

在文件所在路徑下打開終端並執行解壓命令:

tar zxvf node-v8.11.1-linux-x64.tar.xz
 

進入解壓后的文件中,打開終端執行命令:

 

創建當前路徑下的node和npm的鏈接分別到/usr/local/bin/node和/usr/local/bin/npm中

sudo ln -s /home/lrq/node-v8.11.1-linux-x64/bin/node /usr/local/bin/node
sudo ln -s /home/lrq/node-v8.11.1-linux-x64/bin/npm /usr/local/bin/npm
  安裝后查看版本信息:

node -v
ubuntu16.04下vue-cli安裝:

1):安裝nodejs
2):終端執行命令:sudo npm install --global vue-cli
3):查看vue版本:vue-V
創建工程測試:

1):執行命令:vue init webpack 工程名字
2):進入工程目錄下,執行命令:npm run dev
3):瀏覽器輸入localhost就可以訪問了
---------------------

 

1、安裝cnmp:使用npm install安裝包時速度很慢，所以采用cnpm install 來安裝，用淘寶的鏡像安裝

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

 

2、給npm創建軟連接

ln -s /root/node-v9.3.0-linux-x64/bin/cnpm /usr/local/bin/cnpm

 

3、安裝vue.cli

cnpm install -g vue-cli

 

4、創建vue-cli軟鏈接

ln -s /root/node-v9.3.0-linux-x64/bin/vue /usr/local/bin/vue

 

5、創建一個vue工程

vue init webpack sell (webpack 模版名 sell 為工程名)

 

6、根據步驟安裝完成 編譯啟動

cd sell --進入對應的目錄

 

cnpm install --裝載

 

cnpm run dev  --運行

 

 理論上啟動了就能用http:\\localhost:8080啟動了 當時在centOS上沒有辦法運行

 解決方式：sell>config>index.js  修改host為127.0.0.1 指定ip地址就可以了

附錄：

  常用的Vue 命令

vue -V  查看Vue版本

 

vue -h 查看Vue幫助

 

vue list 查看vue.js有哪些模版