window环境中IntelliJ IDEA创建vue项目
一、安装node.js
二、安装vue-cli脚手架
三、使用IntelliJ IDEA创建vue项目
四、运行vue项目
五、安装Element-ui
一、安装node.js
- node.js官网下载地址:https://nodejs.org/zh-cn/,一路next下来,安装完毕。
- 打开cmd(window环境下快捷键window+R),输入node -v
上图就是node.js的版本信息
3.由于node.js已经集成了npm(包管理器),所以npm也一起安装好了,输入npm -v
上图就是npm的版本信息。
二、安装vue-cli脚手架
输入npm install vue-cli -g
我之前安装过,这边就不再安装了,输入vue -V
上图就是安装成功了。
三、使用IntelliJ IDEA创建vue项目
- 打开IntelliJ IDEA开发工具,找到要创建项目的目录,如下图:
- 输入vue init webpack [项目名称]
四、运行vue项目
1.进入到创建的vue项目下,如下图:2.运行vue项目3.效果如下图所示:
五、安装Element-ui
1.跟vue搭配使用的最多的UI框架是ElementUI。2.在node-modules(或package.json)中可以看到ElementUI已经安装好了。3.使用ElementUI。