VUE——IDEA 启动前端工程VS文件启动前端工程

这篇具有很好参考价值的文章主要介绍了VUE——IDEA 启动前端工程VS文件启动前端工程。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

IDEA 启动前端


前言

启动已有的vue前端项目


一、打开控制台

选中前端工程,右键,点价下图按钮
idea启动vue前端项目,前端,vue.js,javascript,idea

二、输入npm install

输入npm install 下载依赖

idea启动vue前端项目,前端,vue.js,javascript,idea

三、依赖下载完之后,输入npm run dev,运行前端项目

1、IDEA启动前端工程

idea启动vue前端项目,前端,vue.js,javascript,idea

2、文件目录启动前端工程

找到文件目录,在地址输入cmd,回车
idea启动vue前端项目,前端,vue.js,javascript,idea

输入npm run dev,回车即可

idea启动vue前端项目,前端,vue.js,javascript,idea

四、点击http://localhost:8080

运行成功之后,点击图中的 http://localhost:8080 即可访问启动的前端页面
idea启动vue前端项目,前端,vue.js,javascript,idea文章来源地址https://www.toymoban.com/news/detail-830517.html

后续敬请期待

到了这里,关于VUE——IDEA 启动前端工程VS文件启动前端工程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • IDEA下SpringBoot指定配置文件启动项目

    目录 一. idea下的SpringBoot启动:指定配置文件 二. 项目已打包,运行配置 1).使用java -jar启动基于(一)下的配置文件启动 2)指定项目内其它配置文件application-pro.yml启动项目 3) Linux服务器上启动基于(三)的springboot项目 三、开发过程中idea指定某种环境下的配置文件启动项目

    2024年02月06日
    浏览(66)
  • IntelliJ IDEA下SpringBoot指定某一个配置文件启动项目

    Springboot项目有如下配置文件 主配置文件application.yml, 测试环境:application-test.yml 生产环境:application-pro.yml 开发环境:application-dev.yml 在开发过程中,通常在主配置文件里指定实际使用的配置文件: 如下图: 需要确保项目已经打成jar包: springboot-demo.jar 1).使用java -jar启动(

    2024年02月13日
    浏览(58)
  • Idea中运行Vue项目

    1、Node.js 官网地址:https://nodejs.cn/download/ 下载后运行msi进行安装,可以修改安装位置。 2.查看是否安装成功 node -v 显示安装的nodejs版本 npm -v 显示安装的npm版本 3.为了将全模块所在路径和缓存路径放在node.js安装的文件夹中,在nodejs安装目录下创建两个文件夹,名称分别为:

    2024年02月05日
    浏览(36)
  • idea快速运行vue项目

    目录 一、前提 二、步骤 安装vue.js插件 添加脚本 进行如下配置 安装好node.js环境并初始化完成和安装好依赖 安装vue.js插件 打开idea,然后在File–Settings–Plugins–Makerplace下找到vue.js插件,安装并重启idea 添加脚本 进行如下配置 在Sctipts中根据项目选中,此处选dev 在下图所示处找到

    2024年02月15日
    浏览(61)
  • IDEA打开已有vue项目

    在idea中打开已有的vue项目 在idea中,file–settings–plugins,搜索vue,找到Vue.js插件,点击install即可,安装后重启一下idea即可生效 file-new-project-JavaScript-Vue.js 填写项目名字,选择已有项目的目录即可

    2024年02月22日
    浏览(41)
  • INTELlij IDEA编辑VUE项目

    菜单中选择setting–Plugins  或者快捷键 ctrl+alt+s 搜索vue,但有些情况会搜索不出来,先说搜索到的情况 如下图所示: 如果没有vue.js则说明过去已经安装了。 搜索到了后点击Install安装即可, 但即使搜索成功了,也不一定能安装成功。 如果一切顺利,恭喜... 如果不成功还有方

    2024年02月07日
    浏览(44)
  • IDEA添加Vue文件模板

    代码模板: !-- *@${COMPONENT_NAME} *@author niemengshi *@date ${DATE} ${TIME} -- template #[[$END$]]# /template   script export default { name: \\\"${COMPONENT_NAME}\\\", props: { }, components: {}, mounted: {}, data() {   return {   } }, methods: { }, } /script   style scoped   /style 

    2024年02月07日
    浏览(27)
  • idea如何解决导入的项目不是Maven工程(文件下面没有蓝色的方格)二

    简介:         Maven项目导入,idea不识别项目 解决方法: 选中pom.xml -- 右键 -- Add as Maven Project  

    2024年02月16日
    浏览(63)
  • idea支持vue文件-设置对vue的支持

    一、idea支持.vue文件  这一步其实就是安装vue.js插件,具体路径为: File ---- Settings ---- Plugins ---- 输入vue ,点击搜索结果里的vue.js右边的 install 按钮,安装成功后重启idea,这样idea就能识别.vue文件了。  二、idea设置vue语法提示 File  ----  setting  ----  Editor  ----  Inspections, 右

    2024年02月13日
    浏览(26)
  • IDEA项目实践——VUE介绍与案例分析

    IDEA项目实践——JavaWeb简介以及Servlet编程实战 IDEA项目实践——Spring集成mybatis、spring当中的事务 IDEA项目实践——Spring当中的切面AOP IDEWA项目实践——mybatis的一些基本原理以及案例 IDEA项目实践——Spring框架简介,以及IOC注解 IDEA项目实践——动态SQL、关系映射、注解开发 文

    2024年02月11日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包