项目02——Vue项目之启动

安装好一个项目文件以后，我们需要先看看这个默认的项目是个什么样子，那如何启动这个项目呢？

项目默认启动命令：

我们把项目文件在编辑器打开之后，打开编辑器的内置终端，确保在项目的根目录下 输入 npm run serve 回车，等待编译完成即可输出一个项目运行的地址（其中第一个是本地地址，第二个是局域网地址，就是相同局域网下的其他电脑可以通过这个地址访问你的项目，其实就是你电脑的IP地址），复制任意的一个地址到浏览器打开即可看到项目效果。

当然，你也可以直接在项目文件根目录下打开cmd，输入启动命令 回车是一样的效果。npm run build这个是项目打包的命令。

 浏览器打开：

此时，项目默认效果已经看到了。

为什么使用 npm run serve这个命令就能启动呢？

进入项目文件里面有一个package.json的文件，打开这个文件，里面就会看到有个serve的一行代码，那么这个就是启动命令的配置。

这个serve我们可以修改，你可以把serve改成其他的英文字母，那么你改成啥，运行的时候就是啥（注意，只能改红框的这个，后面的serve不能改）。例如你改成dev，那么运行的时候就是 npm run dev

运行：

修改项目运行的地址

我们看到项目运行以后生成了地址，这个地址是系统默认的，一般是127.0.0.1:8080/8081,但有时候电脑上的本地地址被占用的时候，就不能使用这个地址打开项目了，那么这时我们需要自己设置项目运行的地址，在哪里设置呢？

还是在修改命令的这一行，直接在这一行后面添加上  --host 你设置的地址

例如： 

然后你在使用 npm run dev 启动项目，就会默认地址是 你设置的这个地址了。

配置项目编译完成自动打开浏览器

我们每次启动项目编译完成后，他生成一个地址，我们还要手动拷贝到浏览器打开，很麻烦，所以来设置一下自动让他打开浏览器。

还是在那一句代码上  添加  --open 

例如：

然后你输入启动命令待编译成功以后就会自动在浏览器打开项目