安装vue的基本环境

node的安装

• 这里使用的源都为taobao的源 https://npm.taobao.org/

  1. 下载node (以8.7版本为准)

     wget https://npm.taobao.org/mirrors/node/v8.7.0/node-v8.7.0-linux-x64.tar.gz

  2. 解压

    tar zxvf node-v8.7.0-linux-x64.tar.gz 

1. 把解压后的目录复制到 /usr/local目录，更改目录名为node

    cp -a  node-v8.7.0-linux-x64 /usr/local/
    mv node-v8.7.0-linux-x64 node

1. 修改环境变量

   • vim /etc/profile 在文件的末端增加 export PATH=$PATH:/usr/local/node/bin
   • 刷新 环境变量 source /etc/profile

2. 验证是否成功

   • node -v –显示node的版本号
   • npm -v –显示npm的版本号

3. 安装cnpm 代替npm (由于npm比较慢) 这里使用的是淘宝的源

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

1. 验证cnpm 是否成功

    cnpm -v

显示以下信息（没报错信息就行，操作系统不同显示的也是不同的,只看关键性信息，比如第一行第二行第三行的版本）

    cnpm@5.1.1 (/usr/local/node/lib/node_modules/cnpm/lib/parse_argv.js)
    npm@5.5.1 (/usr/local/node/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
    node@8.7.0 (/usr/local/node/bin/node)
    npminstall@3.1.4 (/usr/local/node/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
    prefix=/usr/local/node
    linux x64 2.6.32-431.el6.x86_64
    registry=http://registry.npm.taobao.org

1. 安装vue-cli(-g为全局安装)

    cnpm install -g vue-cli

1. 验证是否成功

显示VUE的版本号即正常

1. 初始化项目(项目名称这里为app)

2. 11.

    vue init webpack app

cd app
cnpm install

等待安装完成之后运行 cnpm run dev