• 两条关键命令的理解和使用：
  我们在看vue安装教程的时候，有看到过

npm run dev
// 和
npm run build

两条命令吧，一定有人瞎jb在terminal上面打过以上两条命令测试过，输入dev那条命令，你会发现浏览器会自动打开一个网页运行，而输入第二条build的命令运行，一阵子过后，除了下面提示：

Paste_Image.png

表面上什么gui都没有发生，然后你本地访问当前目录下的index.html文件，一片空白，什么gui[手动摔桌子]。

1. dev这条命令是会运行node脚本的一条自定义的名为dev命令，在package.json里面是可以看到，他是指向某个文件的：

Paste_Image.png

Paste_Image.png

build也是，他们都是一样，打开指向的文件，就是脚本的内容，里面默认都是webpack的语法了，传闻中的通俗易懂，就是不懂耶没有关系吗，什么gui[手动摔桌子]，然后是真的，暂时不懂耶没有关系，知道dev就是执行了这个鬼东西，为你写的代码打了一个临时项目，并且搭建一个简易的服务器，他的域名是localhost:8080, 该服务器的根目录就是临时项目的根目录，并且帮你在你的默认浏览器访问这个根目录下的index.html文件。然后dev，是什么gui意思，就是develop，开发环境的意思。

2.build的本质和dev命令一鬼样，就是执行的脚本内容有所区别。build是怎么样呢?build命令执行的内容大概是这样的：打包你的代码文件到dist目录下，没错就是这样子而已啦，没啦。

Paste_Image.png

打包好就访问啊，然后啊你打开浏览器输入域名+路径访问index.html文件，尼玛这又是什么gui，又是一片空白，[捂脸],右键，查看源代码，随便点开一个引入文件：

Paste_Image.png

这tm竟然是引入路径不对[捂脸]，什么gui，怎么那么曲折！两个选择：1.自己手动还dist/index.html的引入文件路径；2.将你域名指向的根目录指向dist。