idea vue项目 环境配置

1、在本地用npm 命令  vue-cli  初始化一个vue项目

 

idea vue项目 环境配置

 

2、使用 idea直接打开项目的跟目录,对idea进行如下设置

 1)安装   plugins  ---> vue.js  重启  这样就能新建vue文件了

idea vue项目 环境配置

 

2)设置vue文件用html方式打开,这样有代码提示,下边的*.vue是用+添加的

idea vue项目 环境配置

 

3)设置js版本为js 

设置--javascript  -->选择es6

 

 

4)设置sass提示

设置--直接搜索sass

 

5)配置运行

idea vue项目 环境配置

idea vue项目 环境配置 

6)可以在terminal里输入npm命令

idea vue项目 环境配置