vue开发环境搭建（含WebStorm中vue的代码提醒和微信小程序开发代码提醒）

第一部分

安装nodejs

nodejs官网

安装vue淘宝镜像

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

安装webpack

npm install webpack -g（-g代表全局安装，安装好nodejs后，直接在命令行下面进行就好）

安装vue脚手架

npm install vue-cli -g（代表全局安装，安装好nodejs后，直接在命令行下面进行就好）

第二部分

安装好环境之后，我们搭建一个项目模板测试
根据模板创建项目
vue init webpack 注意（项目名字不能用中文）

会有一些初始化的设置，如下输入: （最新版）

启动项目
npm run dev
（等待几分钟，命令行最后出现 Your application is running here: http://localhost:8081，表示模板创建成功）

发布项目
npm run build

第三部分

之后配置webstorm的环境，仅仅webstorm同步修改,

先将file type（文件类型）找见，在右边的文件类型中找见HTML类型，最后下面添加(+)，输入*.vue，

这样webstorm的代码提示就可以了。

同时微信开发的小程序文件的添加代码提醒同理：

FileType下Cascading Style Sheet 添加*.wxss，

将FileType下HTML 添加*.wxml，

当然还得有js的提醒，下载文件地址：https://github.com/nyhxiaoning/wecharCodejar,导入即可

（友情提示：如果操作正确，插件总是不成功，请考虑是否是webstorm的中文版，笔者中文版多次测试无效，换装英文版立即成功）