idea搭建vue,idea导入vue项目并运行
最近在学习vue，本文主要介绍了使用想法创建第一个某视频剪辑软件项目，文中根据图文介绍的十分详尽，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
目录
创建项目创建项目之后：自动编译创建项目之后：初始项目架构项目启动
创建项目
创建项目之后：自动编译
Sr/local/bin/node/usr/local/lib/node _ modules/NPM/bin/npx-CLI。js-yes-package @ vue/CLI vue create-default .
新公共管理警告不推荐使用的源映射url@0.4.1:请参见https://github.com/lydell/source-map-url#deprecated
新公共管理警告不推荐使用的来源-地图-解析@0.5.3:请参见https://github.com/lydell/source-map-resolve#deprecated
新公共管理警告已弃用uuid@3.4.0:请升级到版本七或更高版本。旧版本在某些情况下可能会使用Math.random()，这是一个已知的问题。详情见https://v8.dev/blog/math-random。
新公共管理警告已弃用的解析-URL @ 0。2 .1:https://github . com/ly Dell/resolve-URL #已弃用
新公共管理警告已弃用的urix@0.1.0:请参见https://github.com/lydell/urix#deprecated
新公共管理警告不推荐使用graph QL-扩展@0.15.0:已经从阿波罗服务器3中删除了“图形QL-扩展”API .请改用插件API:https://www。apollographql。com/docs/Apollo-server/集成/插件/
新公共管理警告不推荐使用阿波罗-追踪@ 0。15 .0:“阿波罗-追踪”包不再是阿波罗服务器3的一部分。详情请见https://www。apollographql。com/docs/Apollo-server/migration/#跟踪
新公共管理警告不推荐使用阿波罗缓存控制@0.14.0:从阿波罗服务器3开始，“阿波罗-缓存-控制”软件包提供的功能内置于“阿波罗-服务器-核心”中。详见https://www。apollographql。服务器/迁移/#缓存控制.
新公共管理警告不赞成使用的订阅-transport-ws@0.9.19:不再维护"订阅-运输-ws "包。我们建议您改用graphql-ws .有关将阿波罗软件迁移到" graphql-ws "的帮助，请参阅https://www。apollographql。com/docs/Apollo-server/data/subscriptions/# switching-from-subscriptions-transport-ws有关使用" graphql-ws "的一般帮助，请参阅https://github.com/enisdenjo/graphql-ws/blob/master/README.md
新公共管理警告已弃用graphql-tools@4.0.8:此包已弃用，现在它只导出makeExecutableSchema .\ n它将不再接收更新% 22 \ n我们建议您迁移到作用域包，如@graphql-tools/schema 、@graphql-tools/utils等% 22 \ n查看https://www.graphql-tools.com，了解应该使用什么软件包
Vue CLI v5.0.3
？在当前目录中生成项目？是
Vue CLI v5.0.3
在/Users/高新富/Github/高新富/vue-sample中创建项目。
正在初始化饭桶储存库.
正在安装硬币指示器（coin-levelindicator的缩写）命令行界面（Command Line Interface for batch scripting）插件。这可能需要一段时间.
在46秒内增加了859个包
调用生成器.
安装附加依赖项.
在12秒内增加了97个包
运行完井挂钩.
正在生成README.md.
已成功创建项目vue-样本.
从以下命令开始：
$ npm运行服务
完成的
创建项目之后：初始项目架构
说明目录node_modules依赖于包文件夹publicsrcsc/routes前端路由src/assetscss、image、svg等资源，以及src/components写vue代码的文件夹，vue的具体文件放在这里。一般package.jsonnpm的配置参考https://juejin.cn/post/6870426598605062152pachage-lock.json1,并且安装时包的版本号是锁定的，需要上传到git，保证每个人的依赖包一致。2.package-lock.json是安装npm时生成的文件，用来记录当前状态下实际安装的每个NPM包的具体来源和版本号。Babel . config . js Babel Configuration Babel是一个工具链，主要用于将ECMAScript 2015语法编写的代码转换为向后兼容的JavaScript语法，使其可以在当前和旧版本的浏览器或其他环境中运行，可以参考label的介绍。jsconfig.json文件出现在https://www.babeljs.cn/docs/jsconfig.json目录中，这表明该目录是JavaScript项目的根文件。目录搜索用作智能提示。README.md项目介绍到index.html的入口页面。
项目启动
模式1
2:npm跑发球
gaoxinfudeMacBook-Pro:vue-sample gaoxinfu $ NPM run serve
vue-样本@0.1.0服务
vue-CLI-服务服务器
信息启动开发服务器.
3048毫秒9:28:14 PM编译成功
应用程序运行于：
-本地：http://本地主机：8081/
-网络：http://192.168.0.198:8081/
请注意，开发构建并没有优化。
若要创建生产版本，请运行npm运行版本。
这就是这篇关于用idea创建第一个Vue项目的文章。有关使用idea创建Vue项目的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。