废话

npm init之后,会生成一个package.json的文件,这里面有个scripts的属性,里面可以配置项目的运行命令,比如我们常见的vue脚手架终会自带serve和build的命令.

配置了命令,既可以让我们选择代码运行的配置,也可以方便每次运行,不需要敲很长的命令.

在这里我就简单的记录一下常用的配置项

如果是start,那么就直接npm start就可以运行,如果是其他名称,比如dev,那么就需要npm run dev这样的命令去运行,这里我统一用start去命名

开始

node命令

 启动node(文件修改不会被监听到)

"start":node app/index.js""

实时运行(文件变化就自动重启)

这里需要npm i nodemon

"start":nodemon app/index.js""

webpack系列

webpack运行构建命令

"start":"webpack"

webpack实时打包命令

"start":"webpack --watch"

webpack开启服务运行

"start":"webpack serve --open"

webpack配置环境变量命令

"start":"webpack serve --open && webpack --env goal=local --env development"

实际工程

在实际项目中,脚手架一般都会有自带的运行命令,但还是有一些常用的配置项,还是用vue-cli举例子

常规启动(默认配置)

"start":"vue-cli-service serve"

 常规打包(默认配置)

"build":"vue-cli-service build"

 开启语法检查(默认配置)

"start":"vue-cli-service lint"

 开发模式

"start" : vue-cli-service serve --mode development

自定义模式(preview)

"start":"vue-cli-service serve --mode preview"

 指定配置文件

"start":"vue-cli-service serve --config new.config.js"

多命令一起运行

"start":"nodemon nodeProject/app.js && vue-cli-service serve"

但是,&&可能没有生效

这里有可能会只运行node服务,而不启动vue服务,这个时候有一个方法可以解决

npm i  concurrently

"start":"concurrently \"nodemon nodeProject/app.js\" \"vue-cli-service serve\" "

ok了,这样就解决了这个问题,当然,最后这个问题是我自己遇到的,但也是查找问题解决的,该博客的地址是:npm run 运行多条命令 && 不生效的问题 - dev-zuo 技术日常

 其实还有很多配置,这里我只是写了最基础和常用的一些,包括vue中配合.env文件的操作,都可以查官网.