Vue项目搭建

下面是在IDEA代码编辑器下Vue项目的简单搭建过程：

1、vue-cli脚手架的搭建步骤

<1>检查是否安装nodejs，以及安装的版本

打开cmd命令窗口，切换到你要新建项目的文件夹下,输入命令：node -v

<2>安装vue-cli

输入命令：npm install -g vue-cli 或者使用镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org

<3>搭建vue项目，安装Vue环境

输入命令：vue init webpack demo-vue ，这里的 demo-vue 是你的项目名。

<4> 以上步骤完成之后，就是我们自己需要的Vue项目；

<5>输入命令：npm run dev，启动项目；

出现上图说明项目启动成功，在浏览器访问地址：http://localhost:8080，这时页面显示如图：

 

以下为补充的内容，IDEA新建Vue文件没有的设置，

请按照以下步骤设置即可，1）检查文件类型是否有vue文件，2）调整JavaScipt的语言版本，3）自定义vue file的模板

最后，感谢大家的支持，有问题我们可以一起讨论！