Vue.js学习之路(一)：VSCode创建第一个Vue实例

VSCode是微软旗下的一良心之作，界面太好看了，五星好评！接下来，用VSCode搭建Vue.js的环境，并创建第一个Vue实例。

 基本流程如下：

 1、官网下载好VSCode，设置中文菜单栏

 2、BootCDN把Vue.js文件download到本地

 3、安装扩展程序：Eslint、veTur、Prettier-Code formatter 、Javascript Standard Style、View In Browser

 4、配置settings.json

{
    "editor.fontSize": 16,
    "editor.formatOnSave": false, // 为了避免data () ,data后面的空格save时被删除
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
    "eslint.validate":[
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true   
        }
    ],
    "eslint.autoFixOnSave": true,  // 保存时自动格式化
    "prettier.eslintIntegration": true,  // prettier 按照eslint进行格式化
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true
}

5、新建html页面（重点还是关注用Vue.js代码）

    
    
    
    
    
    


    

        
{{msg}}
    
    

6、View In Browser(浏览)