或许你在用WebStorm,但是如果你已经安装了IntelliJ IDEA就不需要再安装其他的开发工具,因为IntelliJ IDEA完全可以胜任。

项目创建

配置项目

vue_dev_tools_idea_1

在菜单栏中有一个配置项目的菜单(如下图),点击后选择Edit Configurations,会弹出一个Run/Debug Configurations的弹框。如下图:

vue_dev_tools_idae_2

展开Defaults,你需要选择npm(如果你的电脑上没有安装npm,自行安装),如下图:

vue_dev_tools_idea_3

选择npm后,右侧会出现一些配置项,如下图:

vue_dev_tools_idea_4

右侧相关元素介绍

Name:这个你可以随意命名
package.json:这个是vue项目根目录下的package.json文件
Command:npm的命令集
Scripts:package.json定义的一些脚本
Arguments:可填写一些参数
Node interpreter:Node解释器
Node options:Node可选项
Package Manager:包管理

常用配置

先来看下package.json中scripts是如何配置的

"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"build": "node build/build.js",
"build--test": "cross-env NODE_ENV=testing env_config=test node build/build.js",
"build--prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
"build--group": "cross-env NODE_ENV=group env_config=group node build/build.js" 
}
运行项目
Command:run
Scripts:dev/start(start是执行dev中的命令)
构建项目(打包)
Command:run
Scripts:build—prod
©2020 洛易                        皖ICP备15026941号-4 该文件修订时间: 2019-08-20 22:44:04

results matching ""

    No results matching ""