ArchLIinux下安装Vue

主要步骤

1. 安装node.js和npm
2. 安装Vue
3. 编译启动(http:\localhost:8080)

安装node.js和npm

1. 安装nodejs和npm
   sudo pacman -S nodejs
   sudo pacman -S nodejs-legacy
   sudo pacman -S npm
2. 更新npm的包镜像源
   sudo npm config set registry https://registry.npm.taobao.org+
   sudo npm config list
3. 全局管理安装n管理器，用于管理nodejs版本
   sudo npm install n -g
4. 安装最新的nodejs（stable版本）
   sudo n stable
   sudo node -v

安装Vue

tips:如果不成功将cnpm换成npm

1. 安装cnmp:使用npm install安装包时速度很慢，所以采用cnpm install 来安装，用淘宝的镜像安装
   sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
2. 给npm创建软连接
   sudo ln -s /root/node-v9.3.0-linux-x64/bin/cnpm /usr/local/bin/cnpm
3. 安装vue.cli
   sudo cnpm install -g vue-cli
4. 创建vue-cli软连接
   sudo ln -s /root/node-v9.3.0-linux-x64/bin/vue /usr/local/bin/vue
5. 创建一个vue工程(webpack 模版名 mm 为工程名)
   vue init webpack mm
   直接一直回车，直到文件创建成功．

编译启动

1. 进入对应目录
   cd mm
   2.装载
   sudo cnpm install
2. 运行
   npm run dev
3. 输入http:\localhost:8080网址，出现以下界面就意味着成功！