新建一个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  卡卡罗特琪琪  阅读(71)  评论(0)  编辑  收藏  举报