2018-09-09 vue初始项目搭建（vue学习错误记录一）

熟知vue的大名已经很久了，但是很长一段时间都没有静下心来学习，最近终于有时间来学习一下vue，顺便记录下出现的问题，方便以后进行查询为以后的人解惑。

一开始使用vue是在嵌入式页面，用标签引入的方式引入vue，这种使用会new出很多个vue对象，以至于在理解用node的npm平台使用webpack打包开发的时候，无法理解vue根节点的作用。vue结合npm开发的时候，一个单页面程序是只存在一个vue对象的，这点是我疑惑的重点。

vue项目搭建首先需要安装的是npm，npm是一个前端工具的工具插件的感觉，就像java中的maven一样，可以方便管理前端的插件以及方便快捷的从网上下载插件。npm是基于nodejs开发的，所以安装npm之前必须安装nodejs运行环境，而nodejs新版本是附带npm安装的，所以我们安装node即可，教程在网上随处可见，我就不多说了。

安装完成npm就需要，用它来装载vue，vue-router和vue-cli（脚手架），我们可以在powershell中初始号vue项目，也可以在cmd中，也可以用vscode来初始化，这时候我遇到一个问题，在cmd中可以运行npm命令，在powershell中无法识别，在百度上搜寻无果，给出的答案无非是反过来的情况，说powershell是cmd的升级版，cmd能做的powershell都可以做，在我审查了好几遍环境变量后，实在是没办法，因为powershell无法使用，那vscode的终端也无法使用了。所以必须解决这个问题，最后只好启用重启大法，然后就好了。。。。，我也是很无语啊。坑人啊这种bug。

终于解决了这个问题之后，想要npm run dev，结果发现不行，找不到packson文件，错误代码-4058,网上翻了半天也没有答案，最后仔细观察了发现，我vscode的powershell目前所在目录是我初始化项目的上层目录，难怪无法读取到packson，我也是一阵无语。。。。也许这种错误大佬都不会犯吧，不过网上真的是没找到答案。。。。。