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有哪些模版