linux 搭建vue开发环境

一、linux 搭建vue开发环境

1.1 下载安装node.js

• 下载

wget https://nodejs.org/download/release/v6.12.3/node-v6.12.3-linux-x64.tar.gz

• 解压

tar -xzvf node-v6.12.3-linux-x64.tar.gz -C  /home/ybx/software/vue

• 配置环境变量

export NODEJS_HOME=/home/hadoop/app/node-v6.12.3-linux-x64
export PATH=${PATH}:${NODEJS_HOME}/bin

• 重启环境变量文件

source /etc/profile

1.2 安装安装webpackage

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

webpack可以做到动态的把后端的代码变成浏览器能够读懂的代码。

1.3 安装cnpm

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

1.4 安装vue-cli

cnpm install -g vue-cli

1.5 使用vue-cli创建项目

vue init webpack myVue

1.6 查看项目的运行效果

cd myVue
cnpm install
cnpm run dev

1.7 参考

Linux下Vue开发环境搭建一篇全搞定