精华内容
下载资源
问答
  • VS Code 运行Vue项目

    千次阅读 2020-05-18 17:13:30
    注意:这个是1.2版本的配置,现在1.3版配置已经不是这样了 下载... 2、运行项目 同样在终于执行npm run dev代表开始运行项目,这条命令会自动在浏览器上运行项目,运行结果如下图所示,代表配置成功了。 npm run serve

    注意:这个是1.2版本的配置,现在1.3版配置已经不是这样了

    下载安装并配置VSCode

    随便百度上搜个最新的VSCode安装好后,点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展,这里要安装两个插件。

    1、vetur插件的安装

    该插件是vue文件基本语法的高亮插件,在插件窗口中输入vetur点击安装插件就行,装好后点击文件->首选项->设置 打开设置界面,在设置界面右侧添加配置

    "emmet.syntaxProfiles": {
      "vue-html": "html",
      "vue": "html"
    }
    

    2、eslint插件的安装

    eslint智能错误检测插件,在具体开发中作用很大,能够及时的帮我们发现错误。至于安装,同样打开插件扩展窗口输入eslint点击安装插件,装好后也需要进行配置,在同vetur插件一样的地方进行配置

    "eslint.validate": [
            "javascript",
            "javascriptreact",
            "html",
            "vue"
        ],
     
     "eslint.options": {
            "plugins": ["html"]
    }
    

    vetur和eslint插件在配置中如下图所示 
    这里写图片描述

    3、Live server插件的安装

    导入项目并编译

    1、导入项目

    从github上下载vuestic-admin项目(https://github.com/epicmaxco/vuestic-admin.git),拉到本地后打开VSCode直接文件->打开文件夹 导入项目,Ctrl+shift+Y呼出控制台,在控制台终端输入npm install添加包依赖 
    这里写图片描述
    如果没有安装npm请先安装npm。

    2、运行项目

    同样在终于执行npm run dev代表开始运行项目,这条命令会自动在浏览器上运行项目,运行结果如下图所示,代表配置成功了。 
    这里写图片描述

    npm run serve
    展开全文
  • idea中创建maven项目idea 创建maven项目需要注意问题idea创建maven的java项目直接创建使用原型创建 idea 创建maven项目需要注意问题 idea新建maven项目加载缓慢问题处理_archetypeCatalog idea创建maven的java...

    idea从入门到精通总目录

    idea从入门到精通

    本文前置介绍

    idea中部分使用到的操作

    1. show in explorer 展示项目在系统中的位置,用于查看目录结构
      在这里插入图片描述2. ==alt + insert == 用于创建目录,类,文件等,下文中(maven 的目录结构)有介绍。

    idea 中项目的概念

    1.idea中的工作空间概念(以下是idea和eclipse的项目概念示意图)

    这个概念主要用于idea的空项目的创建(下文介绍)
    在这里插入图片描述eclipse中设置只对当前工作空间有效,而一个工作空间中存在多个项目,
    idea中可以单独的一个项目,配置全局有效(如maven的配置),但是需要多个项目共存的话需要创建空项目,在空项目中创建模块,而模块就等同于eclipse中项目的概念,各个模块之间可以有关可以无关。

    原文地址:https://www.jianshu.com/p/9c65b7613c30

    idea 创建maven项目

    idea 创建maven项目需要注意问题

    idea新建maven项目加载缓慢问题处理_archetypeCatalog

    idea创建maven的java项目

     以下的创建方式使用原型会自动形成包目录,而且pom.xml文件原型创建会多一部分的插件和依赖(你可能并不需要,比如maven的清理,编译等插件,idea就有这部分功能的实现)
    当然还有他们的共同部分,你需要自行创建生成maven的标准目录

    1.maven 的配置请参照个人配置

    直接创建

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述
    创建完成后的目录结构显示

    在这里插入图片描述在这里插入图片描述

    使用原型创建

    上面的第一步,第二步

    设置的参数是从设置maven获取原型的位置
    在这里插入图片描述3.
    在这里插入图片描述4. 目录结构显示

    在这里插入图片描述在这里插入图片描述

    idea创建的maven的web项目

    这里讲的是通过原型创建,直接创建和以上等同,
    1.
    在这里插入图片描述2.
    在这里插入图片描述

    1. 略过部分,几乎和上面maven-java 项目相同,下面是生成的目录结构
      在这里插入图片描述

    maven项目的目录结构(须知)

    maven定义了一套标准的目录结构,虽然不一定都要创建出来,这里介绍一下完善idea自动建立的目录结构

    1. alt+insert 选中对应目录创建文件、类等
      在这里插入图片描述2. 在这里插入图片描述
      3.完整目录截图
      在这里插入图片描述在这里插入图片描述

    idea创建java项目

    首先你必须有jdk的配置

    idea创建java项目

    在这里插入图片描述
    2.
    在这里插入图片描述
    3.
    在这里插入图片描述4.
    在这里插入图片描述在这里插入图片描述通过模板创建的java项目还有一个out目录,用于存放class文件
    在这里插入图片描述

    idea中java项目添加jar包

    和eclipse中添加依赖jar到lib目录下相同意义

    1. ctrl +shift + alt + s 打开项目结构页面,选择添加依赖的项目,选择添加
      在这里插入图片描述2. 添加成功后显示如下
      在这里插入图片描述

    idea中创建java-web项目

    在这里插入图片描述
    2.在这里插入图片描述3.目录结构

    在这里插入图片描述

    idea中的空项目

    idea 中创建空项目

    在这里插入图片描述
    2.
    在这里插入图片描述

    加粗样式

    1. 然后就是在空项目中创建模块,模块的创建和之前的项目创建雷同
      在这里插入图片描述一定要注意目录结构啊!!!!!!

    idea中导入项目

    我们就不说单独导入项目了,这里讲的是向空项目中导入模块(和导入项目的操作是差不多的)
    1.
    在这里插入图片描述2. 选中maven项目的pom.xml文件(不同的项目选中不同的文件,例:eclipse项目选中其.project文件;idea项目选择.iml文件,还可以直接选择文件(就是结果不大好))下图中有标注

    a.这里如果是maven项目的话,不建议选择pom.xml之外的选项,毕竟eclipse转idea并不是特别好
    在这里插入图片描述3.
    在这里插入图片描述4.
    在这里插入图片描述
    5.一直到下一步点击完成即可在这里插入图片描述

    1. idea导入maven项目后可能jar包可能下载不全
      执行clean和install即可
      在这里插入图片描述

    原文:https://blog.csdn.net/happy_wu/article/details/80423150

    idea的web项目的运行

    1.idea 的web项目需要配置服务器才可以运行(这里配置Tomcat)
    2. 下文中的VM options的介绍(纠正一下)(https://blog.csdn.net/weixin_39739266/article/details/78228685)

    1. 通过Edit configgurations 进入配置页面
      在这里插入图片描述
    2. 在templates中选择tomcatServer选项
      在这里插入图片描述
    3. 配置
      在这里插入图片描述
      在这里插入图片描述
    4. 添加运行的项目
      在这里插入图片描述在这里插入图片描述在这里插入图片描述
    5. 点击运行
      在这里插入图片描述运行

    运行后会自动打开默认的浏览器,根据项目定义的路径访问欢迎页面
    在这里插入图片描述

    idea中删除项目

    1.点击File-> Close Project 即可快速关闭当前项目
    2.右键Show In Explorer ,删掉文件夹

    idea创建springBoot项目

    1. 流程图在这里插入图片描述在这里插入图片描述在这里插入图片描述
      在这里插入图片描述在这里插入图片描述
    2. 然后查看一下文件结构即可
    3. springBoot项目初始化地址:https://start.spring.io/
    展开全文
  • VS2017 运行VS2013项目

    千次阅读 2018-11-09 17:29:15
    从标题栏选择【项目】,然后从下拉菜单中选择【重定解决方案目标】。   接下来,出现下面这个对话框,单击【确定】,Visual Studio将自动升级平台工具集到v141。     执行完上的步骤,再编译你的项目,...

    从标题栏选择【项目】,然后从下拉菜单中选择【重定解决方案目标】。

     

    接下来,出现下面这个对话框,单击【确定】,Visual Studio将自动升级平台工具集到v141。

     

     

    执行完上的步骤,再编译你的项目,可能已经可以通过了。

     

    自定义安装包展示效果图参见:http://blog.csdn.net/chunleixiahe/article/details/79101735
     

    展开全文
  • VS安装运行第一个项目

    千次阅读 2018-10-24 11:07:36
    1.VS安装 首先要下载VS软件,以VS2015为例,下载链接网上有许多,在这里就不再给出,下载下来的是一个大约7G的iso格式文件,直接双击开始安装。 安装类型选择自定义安装,安装路径自己选择,最好安装在固态硬盘上...

    1.VS安装

    首先要下载VS软件,以VS2015为例,下载链接网上有许多,在这里就不再给出,下载下来的是一个大约7G的iso格式文件,直接双击开始安装。

    安装类型选择自定义安装,安装路径自己选择,最好安装在固态硬盘上,随后一直默认即可,编程语言会默认自动安装,所以不需要勾选,跨平台移动开发看个人用途,只是做asp.net web应用不需要选择。随后点击安装即可。

    等待之后,可能会提示安装失败,没有关系,打开电脑的控制面板,点击“卸载或更改应用程序”,找到vs2015,鼠标左键点击,然后点击修改,等待一段时间,点击修复,修复完毕后完成安装。

    2.打开第一个项目

            打开一个项目时,需要重新生成解决方案。首先在文件夹内显示隐藏文件夹,找到隐藏文件夹“.vs”,将其删除。

          打开VS,点击“文件”——“打开”——“项目”,即可打开项目。右侧“解决方案”右键——“设置启动项目”——选择相应的启动项目。

    展开全文
  • 使用vscode运行vue项目

    万次阅读 多人点赞 2020-04-07 16:42:04
    学习完vue环境搭建并创建项目后下面我们介绍使用vscode运行vue项目。!! 文章参考:https://www.csdn.net/gather_29/OtTagg3sNzA2LWJsb2cO0O0O.html 一:下载vscode地址为:https://code.visualstudio.com/ 然后...
  • VS Code运行SpringBoot项目

    千次阅读 2020-05-20 17:14:00
    介绍 ...前端开发工具,相比webstorm而言,要轻量不少,...后端开发的SpringBoot,但却是一个前后端部不分离的项目 后端的IntelliJ IDEA。由于前端小伙也需要在这工具上进行开发,最后在他电脑上也安装了jdk,id...
  • Idea使用tomcat运行web项目

    万次阅读 2019-04-25 00:09:10
    由于之前一直在使用eclipse进行开发 初次使用idea 发现不会tomcat启动web项目。。 点击Add Configuration 这个时候还是不能运行 因为tomcat中并没有项目 在此处添加自己的项目即可 ...
  • 使用IDEA创建web项目并运行项目

    千次阅读 2019-06-04 10:31:22
    New ->Project… 选择 Java\ Java Enterprise -> Web Application,然后next 注意:第四步可以选择不同的, Java:创建简单的web工程 Java Enterprise:创建企业级的web...项目目录结构如下: 修改一下i...
  • VS的程序运行完会关闭窗口,需要设置工程属性 笔者虽然是Java开发者,但是学习用到了C++与C语言,之前使用的是dev与codeblock并没有这个情况,那么如何解决 首先你有这个hello,world程序 选择上方项目->属性 ...
  • VS如何运行多个项目中指定一个

    千次阅读 2020-03-09 21:58:36
    刚开始使用VS学习C++,创建了两个项目,打开项目2的文件使用Ctrl+F5却始终显示运行项目1的文件。 解决方法如下: 右键你需要运行的项目,选择设为启动项目,Ctrl+F5重新运行即可 ...
  • vscode运行项目

    千次阅读 2019-12-23 14:43:11
    npm i cnpm -g --registry=http://registry.npm.taobao.org cnpm i node-sass -g npm install npm run dev
  • 使用VSCode运行React Native项目

    千次阅读 2019-06-19 11:35:16
    准备工作: 安装 VSCode 搭建React Native环境 ...2、VSCode配置安装 如图(这是我根据自己需要添加的) 3、添加项目 点击打开 如图 4、添加配置 然后会出现下图配置文件 选择如图 最后运行 (1)可...
  • 在网上也有查一些资料,比如管理员运行, 修改 C:\Windows\system32\inetsrv 系统文件夹的权限和所有者,也就是放开iisMsg.exe相关程序的访问权限 ![图片说明]...
  • VS2015 x86/x64运行环境

    2016-04-27 08:19:09
    VS2015 x86/x64运行环境
  • 1.打开文件夹作为工作空间; 2.ctrl +“·” 打开命令控制窗;...4.cd 进入项目目录下 5.npm install 编译 提示: added 1768 packages from 1130 contributors and audited 32360 packages in 456.548s ...
  • 在工作学习过程中,有不少时候会遇到需要使用已有的工程或者源代码,有时候会碰到这样一种情况,你的VS版本比原有项目的版本低,这样直接运行肯定会报错的,你需要做如下修改: 1、右键打开.sln文件,然后按照图中...
  • VS如何在一个项目中分别运行单个cpp文件

    万次阅读 多人点赞 2019-09-21 23:12:18
    一、对cpp文件进行禁用,单击右键属性,从生成中排除 得到结果如下: 单击运行就OK了 ...我们可以看到注释和取消注释的快捷键,对当前CPP文件不...(个人一般使用这种方法,要运行哪个,就把哪个cpp取消注释) ...
  • 使用VS 打开QT项目

    千次阅读 2020-11-27 15:24:56
    幸好有VS运行QT项目的方法 一下载QT VS TOOL插件 1.1下载地址 官方下载地址:https://download.qt.io/development_releases/vsaddin/ 找到对应的VS版本下载 1.2安装 先关闭VS,然后安装,在打开VS,...
  • nodeJS 项目使用nodemon运行

    万次阅读 2019-05-03 15:33:19
    对于 nodeJS 项目运行,只需要安装一个 node的环境就可以了,不需要其他的配置。 使用 cmd 命令,打开 window 窗口,输入 node -v,如果运行的结果是 nodeJS的一个版本,说明环境就已经OK了。 如果使用了 ...
  • 使用VScode运行vue项目

    千次阅读 2020-05-25 14:49:27
    使用VScode运行vue项目 创建vue项目 1、打开终端(快捷键Ctrl+~)打开...4、运行项目 命令代码 npm run dev 如果报错 可先输入命令 cnpm run dev 试试。 5、端口加项目名浏览器运行 localhost:8081/helloword ...
  • 在手机中打开VS code运行项目

    千次阅读 2020-09-24 16:27:13
    条件: 手机和电脑在同一局域网下 // 修改config.js->index.js 下的host为 host: '0.0.0.0' 打开cmd输入 ipconfig 获取IPv4 地址 最后在手机浏览器中运行: 192.168.XX.XXX:8080
  • Idea导入的项目不能运行

    万次阅读 多人点赞 2019-06-14 19:36:34
    Idea导入的项目不能运行Idea导入的项目不能运行 Idea导入的项目不能运行 其实这个错误是因为没有设置output的路径,只要修改两个地方的设置就可以了: 在Modules设置里勾选”Inherit project compile path” ...
  • vs2019 该项目不知道如何运行配置文件 iis express。 今天代码出了问题,我把代码全部删除,然后从svn中重新下载了一份新的代码,结果在启动时报错,“该项目不知道如何运行配置文件 iis express。” 在百度查也没...
  • 运行eclipse项目

    万次阅读 2019-05-24 16:30:50
    一.下载eclipse的压缩包或者安装包 ...导入项目 File–>Import 1.如果是Maven项目,需要配置Maven,maven配置详细请移步:https://blog.csdn.net/zeal9s/article/details/84023846 2.配置tomcat和jdk ...
  • VScode运行uniapp项目

    千次阅读 2021-08-13 13:43:48
    一、在VScode中创建项目 vue create -p dcloudio/uni-preset-vue my-project 二、在各种小程序端运行 //启动项目(微信小程序) npm run dev:mp-weixin //启动项目(h5) npm run dev:h5 //启动项目(app...
  • VS2017一次性运行多个项目的方法

    万次阅读 2018-12-27 21:49:45
    2.VS2017怎么一次性运行多个项目? 先说第一个问题:不管新建多少个项目,按调试运行的时候总是运行那一个,这是为什么呢? 右键解决方案—>属性: 我们可以看到一个“单启动项目”,而已下面有一个项目,这...
  • VS2017更新后运行项目闪退解决方案

    千次阅读 2018-07-26 10:38:56
    今天打开vs2017 enterprise 发现版本可以更新了。经过一番更新以后发现打开原来开发的项目,debug调试网站时总是出现闪退,无 法输入,任意键都会导致网站丢失关闭。下面是解决方案。 一张图解决问题 ...
  • vscode项目运行

    千次阅读 2020-06-16 10:38:50
    3.执行npm run dev代表开始运行项目,这条命令会自动在浏览器上运行项目,运行结果如下图所示,代表配置成功了。 4.点击(ctrl+点击)网址http://localhost:8080 摘自 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,566,223
精华内容 1,026,489
关键字:

如何用vs运行项目