漫漫Vue路（一）开发环境搭建

在做项目的时候第一次接触到Vue框架，之前对于框架的理解还仅限于SpringMVC之类的。初学总会遇到各种各样的问题，在刚开始摸索时遇到了几个比较棘手的，通过在网上搜索答案和自己折腾得以解决，现在分享出来希望可以给那些有同样问题的程序猿一点帮助。
（1）关于node-cache和node_global
https://blog.csdn.net/junshangshui/article/details/80376489 这篇文章中提到这两个文件夹是用来方便集中管理Vue项目的，并且给出了两个命令
“npm config set prefix “c:\Program Files\nodejs\node_global”
npm config set cache “c:\Program Files\nodejs\node_cache””
用来修改模块保存的路径。按照博主给出的方法，设置成功后的效果如图所示漫漫Vue路（一）开发环境搭建
成功后应该在C:\Users[你的用户名]下的.npmrc文件中找到这两项内容，然而我试了很多次，在.npmrc中都只有第一行的内容，关于cache的内容死活出不来。后来灵机一动，我直接在这个文件里面输入路径应该也可以，试验过后果然成功。
（2）关于Visual Studio Code的使用
开发环境搭建好后我试着敲了一个简单的项目，然而深受J2EE毒害的我一开始连怎么导入Vue包都不清楚。按照J2EE的方法导了几次都不成功，后来去看了一下教学视频，才发现只要在建项目的时候建一个文件夹然后把Vue包放到文件夹里就可以了。
漫漫Vue路（一）开发环境搭建

我们都知道很多编程软件都带有代码补全功能，Visual Studio Code 也不例外，但我在跟着视频学习时发现视频中在new一个Vue对象时是有代码提示的，而我自己实际操作时根本找不到Vue的选项。

<script>
var vm=new Vue({
  el:'#app',
  data:{
    msg:'123',
    msg2:'vergil',
    mytitle:'这是自己定义的title'
  },
  methods:{
    show:function(){
      alert('HELLO')
    }
  }
})

一开始我以为自己是Vue包没有导入好，于是又重新建了个项目导入了一次，然而还是没有提示。在网上搜索了很久也没有关于这方面的解决方案。然后我就硬着头皮去直接敲上了Vue，令人惊奇的是竟然没有报错可以直接运行，不知道到底是什么原理。
漫漫Vue路（一）开发环境搭建
(3)向大家推荐几款好用的 Visual Studio Code插件
1.vetur，是vue语法的高亮插件。
2.eslint，是智能错误检测插件。
插件安装，先要打开：文件-〉首选项-〉设置，在用户设置中输入如下代码
“emmet.syntaxProfiles”: {
“vue-html”: “html”,
“vue”: “html”
}

“eslint.validate”: [
“javascript”,
“javascriptreact”,
“html”,
“vue”
],

“eslint.options”: {
“plugins”: [“html”]
也可以通过软件的“扩展”按钮进行添加
漫漫Vue路（一）开发环境搭建