Tip1.安装插件
打开idea,首页选择configure -> plugins
搜索vue,安装vue.js,按照提示操作即可。
Tip2.搭建node.js环境
到官网 http://nodejs.cn/download/下载对应版本,无脑下一步即可完成安装。
打开终端,千万注意要以管理员身份运行!方法是:输入sudo - i
输入本机密码
然后输入 node -v
如果正确显示版本号,说明Tip2 安装完成👌
Tip3.使用淘宝NPM镜像
(管理员身份)终端输入 npm install -g cnpm --registry=https://registry.npmmirror.com ,运行完成后,输入npm -v 即可查看对应版本号。
Tip4.安装vue脚手架构建工具
命令行输入 cnpm install -g vue-cli ,这一步完成后,即可进行vue项目的搭建啦🎉。
Tip5.创建新项目
如下图所示,在JavaScript下找到vue.js,创建一个vue项目:
项目结构如图:
点击右上角绿色三角号运行,在浏览器输入http://localhost:8080/ 显示如下页面说明成功运行啦!
Tip6.安装项目依赖
在idea里找到Terminal,输入cnpm install 即可
The End
有问题麻烦指正,下次更新创建一个简单的vue项目。