新建一个vue项目

1、在任意位置建一个空文件夹;

image

2、打开vscode,定位到刚才新建的文件夹;

  • 点击左下角位置
    image
    弹出
    image

3、输入npm install vue

image

  • 展开刚才新建的项目
    image

4、测试一下项目是否搭建成功;

  • 新建一个index.html;
    image
    输入感叹号,直接回车;
    image
    就生成了html模板
    image
  • 新建一个vue小demo;
    image
    当前页面右键选择open with live server
    image
    自动打开浏览器,显示内容;测试成功。
    image

5、打开F12,切换到Console;

输入vm.name='贝吉塔',回车,名字自动变成了设置的名字;
image

posted @ 2021-04-15 00:03  卡卡罗特琪琪  阅读(76)  评论(0编辑  收藏  举报