首页 > 其他 > 详细

新建一个vue项目

时间：2021-04-15 09:11:14      阅读：18      评论：0      收藏：0      [点我收藏+]

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

技术分享图片

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

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

3、输入npm install vue

技术分享图片

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

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

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

5、打开F12，切换到Console;

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

新建一个vue项目

原文：https://www.cnblogs.com/kaka-qiqi/p/14660646.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！