小柳今天给分享vue启动命令的知识，其中也会对vue怎么启动自己的项目进行解释，希望能解决你的问题，请看下面的文章阅读吧！

vue启动命令 vue怎么启动自己的项目vue启动命令 vue怎么启动自己的项目


vue启动命令 vue怎么启动自己的项目


1、我（心想，简单啊）： 首先，DNS 解析,将域名解析成 IP 地址，然后面试官：npm run xxx的时候，发生了什么？讲的越详细越好。

2、我（尴尬，条件反射地以为是问的八股文）：emmmm，我记得 npm run xxx的时候，首先会去项目的package.json文件里找scripts 里找对应的xxx，然后执行 xxx的命令，例如启动vue项目 npm run serve的时候，实际上就是执行了vue-cli-serv serve 这条命令。

3、(好险，幸好这点常识我还是懂的)package.json文件我（支支吾吾）：emm，因为 npm run serve 比较简短，比较好写。

4、面试官：你再想想。

5、我（啊？不对吗，对哦，我想起来了）： 因为 直接执行 vue-cli-serv serve ，会报错，因为作系统中没有存在 vue-cli-serv 这一条指令面试官： 哦，对对对，不错不错，哟西哟西！我（嘿嘿，稳了，这次我要30k）: 嘻嘻！面试官：那既然 vue-cli-serv 这条指令不存在作系统中，为什么执行 npm run serve 的时候，也就是相当于执行了 vue-cli-serv serve ，为什么这样它就能成功，而且不报指令不存在的错误呢？我（啊？要不你还是把我鲨了吧，不想再勉强作回答）：不好意思，这个我还没了解过。

6、面试官：emmm，好吧，没关系，我们做下一道算法题吧：........面试官:好的，此处面试到此结束，我们会在一周内回复您的面试结果唉。

7、看来是凉了为什么执行 npm run serve 的时候，这样它就能成功，而且不报指令不存在的错误呢？我赶紧问问了大佬朋友这一过程到底是发生了什么经autovue让你可以直接浏览、标注超过450多种不同格式的文件，而不用原来的编辑软件，并且完全可保留原来文件的完整性及安全性。

8、过一番讨论，终于找到了。

9、我：喂，面试官，您好，我已经找到了，可以麻烦您再听一下吗？面试官：嗯，可以啊，请讲。

10、我：我们在安装依赖的时候，是通过npm i xxx 来执行的，例如 npm i @vue/cli-serv ，npm 在 安装这个依赖的时候，就会 node_modules/.bin/ 目录中创建 好 vue-cli-serv 为名的几个可执行文件了。

11、.bin 目录，这个目录不是任何一个 npm 包。

12、目录下的文件，表示这是一个个软链接，打开文件可以看到文件顶部写着 #!/bin/sh ，表示这是一个脚本。

13、由此我们可以知道，当使用 npm run serve 执行 vue-cli-serv serve 时，虽然没有安装 vue-cli-serv 的全局命令，但是 npm 会到 ./node_modules/.bin 中找到 vue-cli-serv 文件作为 脚本来执行，则相当于执行了 ./node_modules/.bin/vue-cli-serv serve （的 serve 作为参数传入）。

14、面试官：可以啊，真不错，但是我还想继续问问，你说.bin 目录下的文件表示软连接，那这个bin目录下的那些软连接文件是哪里来的呢？它又是怎么知道这条软连接是执行哪里的呢？1、Vue cli：我（窃喜，这个我们刚刚也讨论了）：我们可以直接在新建的vue项目里面搜索vue-cli-serv可以看到，它存在项目最外层的 package-lock.json 文件中从 package-lock.json 中可知，当我们npm i 整个新建的vue项目的时候，npm 将 bin/vue-cli-serv.js 作为 bin 声明了。

15、如我们在安装包时，使用 npm install -g xxx 来安装，那么会将其中的 bin 文件加入到全局，比如 create-react-app 和 vue-cli ，在全局安装后，就可以直接使用如 vue-cli projectName 这样的命令来创建项目了。

16、面试官：搜噶，也就是说，npm i 的时候，npm 就帮我们把这种软连接配置好了，其实这种软连接相当于一种映射，执行npm run xxx 的时候，就会到 node_modules/bin中找对应的映射文件，然后再找到相应的js文件来执行。

17、我（疯狂点头）：嗯嗯，是的，就是这样面试官：我有点好奇。

18、刚刚看到在node_modules/bin中 有三个vue-cli-serv文件。

19、为什么会有三个文件呢？我：如果我们在 cmd 里运行的时候，windows 一般是调用了 vue-cli-serv.cmd ，这个文件，这是 windows 下的批处理脚本：所以当我们运行 vue-cli-serv serve 这条命令的时候，就相当于运行 node_modules/.bin/vue-cli-serv.cmd serve 。

20、面试官：原来如此，不错嘛小伙子，短短时间内就掌握清楚了，看来学习能力很强，不错不错，我很看好你，我会催hr尽快回复你的。

21、先这样了，拜拜我（欣喜若狂，功夫不负有心人啊）：好啊，好啊，拜拜过了三十分钟....今天是个好日子,心想的事儿都能成,今天是个好日子,打开了家门咱迎春风...(响起)。

22、我：喂，您好。

23、hr：您好，我是xxx公司的hr，根据你面试的表现，恭喜你获得了我司的offer，经过我的努力，我给你争取到了的薪资，薪资是月薪3500，您看满意吗？哔哔哔....(电话挂断)tmd，c。

本文到这结束，希望上面文章对大家有所帮助。