当前位置：网站首页 > 创业 > 正文

图解使用Visual Studio Code创建和运行Vue项目

0 张子豪 张子豪 2025-10-14 21:27 1

本篇经验将和大师介绍利用Visual Studio Code建立和运行Vue项目标方式，但愿对大师的工作和进修有所帮忙！

方式/步调

  1. 1

    打开电脑中已经安装的Visual Studio Code软件，如下图所示：

  2. 2

    打开菜单栏中的文件->选择文件夹，浏览到当地磁盘中某个vue项目标空白目次，如下图所示：

  3. 3

    在资本办理器空白处右键选择“在终端中打开”，如下图所示：

  4. 4

    我们在终端中输入以下号令

    npm install vue -g

    如下图所示：

  5. 5

    继续在终端中输入以下号令

    npm install vue-cli -g

    如下图所示：

  6. 6

    继续在终端中输入以下号令

    npm install webpack -g

    如下图所示：

  7. 7

    我们输入以下号令来建立一个项目

    vue init webpack my-first-vue-project

    如下图所示：

  8. 8

    经由过程cd号令进入到建立的项目目次下，然后输入号令

    npm install

    如下图所示：

  9. 9

    项目建立完当作后的目次布局如下图所示：

  10. 10

    输入号令

    npm run dev

    来运行vue项目，当作功之后会提醒应用程序拜候的路径，如下图所示：

  11. 11

    我们在浏览器中输入地址，即可拜候vue的项目了，如下图所示：

来源：百闻（微信/QQ号：9397569），转载请保留出处和链接！


本文链接：https://www.ibaiwen.com/web/280097.html

张子豪

张子豪

TA很懒，啥都没写...

猜你喜欢

热门文章
热评文章
最新评论
    最近访客
    站点信息
    • 文章总数:261580
    • 页面总数:9
    • 分类总数:1
    • 标签总数:0
    • 评论总数:0
    • 浏览总数:74382

    免责条款

    商务合作

    关于我们

    百闻创业

    百闻创业，是一个帮助广大创业者解决创业类的专业网站，提供创业项目、创业点子、招商加盟、创业资料、创业故事、创业计划书、小本创业、开店项目和创业指导培训的创业平台。

    @百闻娱乐 本站部分内容转自互联网，若有侵权等问题请及时与本站联系，我们将在第一时间删除处理。 | 粤ICP备2024343649号 | （地图）