使用IDEA新建一个VUE项目

1.安装VUE运行环境

      1) 安装node.js,Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/

      2) 安装cnpm(淘宝镜像):在命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org,等待安装完成

      3) 安装vue-cli脚手架构建工具,在命令行输入npm install -g vue-cli(这个是vue2.0安装命令,如果是3.0以上请输入npm install -g @vue/cli),等待安装完成,安装完成后可在在命令行查看版本,输入vue -V(注意:这里的-V,V要大写的,否则提示命令错误)

2.使用IDEA构建一个新项目

    1)首先需要在IDEA上安装一个VUE.JS的插件,位置settings--->Plugins-->搜索vue安装,如图:

  2) 安装完成后,开始新建vue项目

      第一步:点击file-->点击New-->点击 project-->点击static web-->选中vue.js,点击Next,如图:

    第二步:上一步点击Next之后进入项目设置页面,设置项