0
点赞
收藏
分享

微信扫一扫

新建一个vue项目

zidea 2022-05-18 阅读 115

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

新建一个vue项目_右键

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

  • 点击左下角位置
    新建一个vue项目_当前页_02
    弹出
    新建一个vue项目_当前页_03

3、输入npm install vue

新建一个vue项目_html_04

  • 展开刚才新建的项目
    新建一个vue项目_html_05

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

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

5、打开F12,切换到Console;

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

新建一个vue项目_右键_12




举报

相关推荐

0 条评论