0
点赞
收藏
分享

微信扫一扫

vs code常用快捷键 和问题

耳一文 2022-03-13 阅读 81
vuevue.js

1. 快速生成基本html代码 !

2.快速建立div 并指定id div#id名,比如div#a1 回车

3.浏览器强制刷新 shift+刷新图标

二:需要安装的插件

注意:要在vs code中安装

Open in Browser:装完右键多个选项以浏览器打开

     Live  server   这样可以右键选择open in live server ,就可以以http://http://127.0.0.1:5500/形式打开网页

插件的配置找到manifest.json,把"persistent": 改为true,

 

      "background": {
      "persistent": true,

 ·1)C:\Users\admin\AppData\Local\Google\Chrome\User Data\Default\Extensions

        admin换成你的用户名即可

    

三:遇到的问题

  1)F12 Vue dev使用时一直不显示app1,l另外

查看源代码

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>初识vue</title>

  <script src="../js/vue.js"></script>

</head>

<body>

  <div id="demo">

    <h1>Hello {{name}}</h1>

    <h1>Hello {{score}}</h1>

  </div>

  <script type="text/javascript">

    Vue.config.productionTip = false;

    Vue.config.devtools = true;

   var app1= new Vue(

      {

        el:'#demo',

        data: {

          name:'cn',

          score:20

        }

      }

    )

  </script>

</body>

</html>

也看不出什么问题,怀疑是因为name这个单词导致的,把它换成别的就显示APP1了

 

 

举报

相关推荐

0 条评论