源码之家

  • 首页
  • 文章
  • 问答
  • 下载
您的位置: 首页  >  文章  >  VSCode搭建Vue项目

VSCode搭建Vue项目

分类: 文章 • 2024-06-09 14:45:34

1.搭建项目的前提:Vscode和Nodejs都已经安装好
2.安装的具体步骤如下所示:
VSCode搭建Vue项目
3.按照提示回车默认即可
4.安装完之后,可以看到"src"的目录下有一个"main.js"文件,这是程序的入口
VSCode搭建Vue项目
5.依次执行以下两条指令,如下图所示:
VSCode搭建Vue项目
6.根据提示,在浏览器中输入访问项目的ip地址,项目成功运行截图如下:
VSCode搭建Vue项目
7.项目开发完毕,打包上线的命令:
npm run build

到此,vue项目的搭建便完成了。

相关推荐

  • Vue项目编译后部署在非网站根目录的解决方案
  • React全家桶+共享单车实战开发——项目主页工程搭建 3-3 项目主页结构开发
  • vue-cli 搭建项目打包后element-ui图标异常问题
  • vue项目神器,vue-cli和ElementUI
  • 用Vue Node从零开始实现拼多多前后端商城项目 — 记录踩坑之旅(上篇)
  • mybatis项目搭建
  • 直播间搭建项目——延续直播发展趋势
  • 直播间搭建项目——延续直播发展趋势
  • eclipse4.7.0加jdk1.8加tomcat8加maven3.5.3搭建环境,并用maven建一个简单的web项目验证成功
  • Vue的学习(十六)Vue项目设置默认的首页,并且将路由里面的# 去除,router-link 这个标签的其他属性
  • VSCODE与PHP XDBUG 最详细的过程
  • nested exception is org.apache.ibatis.reflection.ReflectionException
    网站免责声明 网站地图 最新文章 用户隐私 版权申明
本站所有数据收集于网络,如果侵犯到您的权益,请联系网站进行下架处理。   

Copyright © 2018-2021   Powered By 源码之家    备案号:   粤ICP备20058927号