安装好一个项目文件以后,我们需要先看看这个默认的项目是个什么样子,那如何启动这个项目呢?
项目默认启动命令:
我们把项目文件在编辑器打开之后,打开编辑器的内置终端,确保在项目的根目录下 输入
当然,你也可以直接在项目文件根目录下打开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
例如:
然后你输入启动命令待编译成功以后就会自动在浏览器打开项目
暂无评论内容