Ubuntu下Vue.js+webpack的安装

1、需要安装nodejs，最好是新一点的版本：

（1）安装依赖包Python 2.6，Ubuntu默认已经安装；

（2）安装g++

     命令：sudo apt-get install g++ curl libssl-dev apache2-utils

(3) 安装git

命令：sudo apt-get install git-core

(4)下载源码

命令：git clone git://github.com/joyent/node.git

(5)指定迁出版本:

进入node文件夹下，命令：git checkout v0.6.18 (此处使用的是较为稳定的0.6.18版本)

(6) 指定路径，编译执行:

命令：./configure --prefix=$HOME/node

make

make install

echo ‘export PATH=$HOME/node/bin:$PATH’ >> ~/.profile

echo ‘export NODE_PATH=$HOME/node:$HOME/node/lib/node_modules’ >> ~/.profile

source ~/.profile 使得本地profile文件生效

（7）设置环境变量

如果想重启后还能继续直接使用node命令,那么需要设置环境变量:

命令： sudo gedit /etc/profile

export PATH=”$HOME/node/bin:$PATH”

export NODE_PATH=”$HOME/node:$HOME/node/lib/node_modules

保存后重启系统使设置生效。

执行完上述七步骤，可以查看是否安装成功：node -v 查看版本

2、安装webpack

webpack相当于模块加载器兼打包工具!

npm install -g webpack //全局安装

npm install -g webpack-dev-server //安装调试工具

3、安装vue-cli

npm install -g vue-cli //全局安装vue-cli

vue init webpack projectName //生成项目名为projectName的模板，

cd projectName //进入项目文件

npm install //初始化安装依赖

初始化依赖完成后，命令运行：npm run dev。

上述完成后，我们就完成vue的项目就已经生产完成，当我们运行localhost:8080就能看见如下图的vue官方logo！