码迷,mamicode.com
首页 > 其他好文 > 详细

新建一个vue项目

时间:2021-04-15 12:43:16      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:load   info   name   npm   模板   测试   image   ima   lazy   

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

技术图片

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

  • 点击左下角位置
    技术图片
    弹出
    技术图片

3、输入npm install vue

技术图片

  • 展开刚才新建的项目
    技术图片

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

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

5、打开F12,切换到Console;

输入vm.name=‘贝吉塔‘,回车,名字自动变成了设置的名字;
技术图片

新建一个vue项目

标签:load   info   name   npm   模板   测试   image   ima   lazy   

原文地址:https://www.cnblogs.com/kaka-qiqi/p/14660646.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!