idea下搭建vue开发环境

​
1、node.js安装

    下载地址：Download | Node.js

2、查看npm是否正常安装
    npm -v

3、打开idea,新建项目
Create New Project > Static Web>填写project name和选择保存的工作空间>Finish

4、安装vue脚手架工具

    首先安装npm的淘宝镜像(下载速度比较快)，打开idea的Terminal；
    输入以下的命令

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

    等待下载完成以后，继续安装vue的脚手架工具，在Terminal内继续输入以下命令    

    npm i -g vue-cli
    测试是否安装成功：
    vue -V

5、脚手架安装完成后，初始化包结构,继续输入
    vue init webpack demo

6、初始化完成后。依次在Terminal输入  
     cd demo
     npm install
     npm run dev

7、完成后，会提示在哪个端口可以访问，此处现在是8080
     打开浏览器输入：localhost:8080,出现以下画面，简单的demo就搭建完成了 。