jq项目如何启服务_项目在启动时究竟是怎么运行的（项目运行的步骤）

自己在前端的开发中主要使用vue.js的框架，今天的这篇文章比较基础，我之前在刚刚接触vue项目的时候并没有思考过关于项目是究竟怎么运行起来的，只知道npm start/npm run dev项目就跑起来了，究竟我在输入这行命令之后项目是怎么运行的，分别走了哪几步，怎么样才走到生产环境，什么情况下又运行了开发环境，然后还有一个test测试环境。我写下这篇文章的时候对这一部分了解了一些，但自我感觉并不是非常透彻，所以当作一个未完成的任务，文章还会持续的更新

在写这篇文章的之前我也查阅了好多大神的博客，内容有引用，文章末尾会表明所引文章的出处

首先先说一下创建vue项目的流程(以vue-cli2来举例)：

1、npm install vue-cli -g //-g是全局安装，只要不是重装系统，只安装一次就可以

2、npm init webpack 项目名称 //这一步依靠webpack来创建一个项目

3、npm install //安装相关依赖

4、npm run dev/npm start //运行项目

对于第四点，为什么有两个选择，这要看你创建好项目之后的package.json这个文件，文件中有scripts对象，对象中可以看到有start属性和dev属性。当执行了npm start命令，也就等同于执行了npm run dev这个命令，而这个命令，就是执行了开发环境

在dev这个对象的值中可以看到，命令最终走到了build文件夹下的webpack.dev.conf.js这个文件里，找到这个文件