idea版本:2018.2.3
一、安装vue
参考前边的博客:https://blog.csdn.net/liangpingguo/article/details/105696002
二、idea配置vue
- File - Settings - Languages&Frameworks - JavaScript:修改JavaScript language version为ECMAScript 6
- File - Settings - Plugins:搜索vue,安装Vue.js插件
- File - Settings - Editor - File Type: 配置HTML支持.vue后缀的文件
- Run - Edit Configurations...:
点击加号,选择npm,Name为Dev,package.json选择你工程中的package.json,Command为run,Scripts为dev,然后就可以直接在idea中运行了。
继续点击加号,选择npm,Name为Build,package.json选择你工程中的package.json,Command为run,Scripts为build,然后就可以直接在idea中打包了。
三、Intellij IDEA中的Terminal工具 npm ,vue 命令行却显示不是内部命令问题
- File - Settings - Tools - Terminal - Shell path 配置为:C:\WINDOWS\system32\cmd.exe
- 环境变量:
用户环境变量Path(划重点):C:\Users\Rache\AppData\Roaming\npm 改为 D:\Program Files\nodejs
系统环境变量Path:D:\Program Files\nodejs 和 D:\Program Files\nodejs\node_global
四、打开 Terminal 测试
命令测试:
npm i -g cnpm --registry=https://registry.npm.taobao.org
npm i -g vue-cli
# 检查版本
vue -V //注意:-V是大写的V,不是小写的
cnpm install -g webpack