这个script里的内容就是一些做项目比较常用的命令,npm run "命令"就能运行,比如npm run serve,重点是build和serve这两个命令
先说说build这个命令吧,执行build这个命令的时候,就开始进行项目的编译了,执行需要一段时间,然后会在项目的根目录生成一个dist文件夹,这个文件夹就是你项目的精华所在了,你在项目中所写的所有东西都被打包进这个文件夹了
dist文件夹
打开看看,这里面是不是就是你熟悉的html,js,css了呢?这个才是你浏览器应该打开的内容
但是呢,每次对项目有一点点改动就生成这么一个文件显然是不方便开发的,于是乎就有了serve命令
执行npm run serve,会打包编译出一份虚拟的html,css,js文件,放在内存里,并且对你的项目进行监听,项目有变动它就自动重新打包,这样是不是就方便多了~
执行npm run serve之后的显示
那么我们怎么去查看到这个虚拟的文件呢,执行这个命令的时候会有提示,项目在localhost:8080运行,对的,我们用浏览器打开这个地址就能看到我们的项目了,并且对项目的更改会实时的同步在这里~
有的人可能会有疑惑为什么执行npm run serve之后命令行像是卡住了一样没有接着出现输入的地方,
因为需要监听你的项目的改动是需要启动一个服务的,这个是正常现象,输入ctrl + c的话可以中断服务,但是localhost:8080也就没有任何显示了,如果需要重新启动服务就需要重新输入这个命令
好的这篇文章就到此为止了,这个大坑我大概也说完了,写vue项目的时候直接在src文件里写,然后用npm run serve来跑项目就好了,这就是一般的vue开发流程
写在最后的话