文章详情

短信预约信息系统项目管理师 报名、考试、查分时间动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

vscode开发环境安装配置-连载【2】-企业级系统开发实战连载系列 -技术栈(vue、element-ui、qt、c++、sqlite)

2014-07-18 16:37

关注

vscode开发环境安装配置-连载【2】-企业级系统开发实战连载系列  -技术栈(vue、element-ui、qt、c++、sqlite)[数据库教程]

作者背景描述:

本人就职于大陆某台资IT企业,担任电商订单处理产品开发经理一职,领导过非常多次大小项目的开发工作,对电商平台订单处理流程非常熟悉。

公司专注鞋服行业相关软件开发和服务,公司规模100多人以上吧,在台北,广州,成都,上海,北京均有分公司。

为什么写此系列文章?

 本人在学校至工作到现在十余年时间,使用.net C# 开发语言,结合在公司实际开发,和市场的需求中,NET.开发的商业企业级系统遇到的缺点有如下:

程序首次加载慢,因为虚拟机编译的原因。

WINFORM界面开发不够炫丽,精美。

WINFORM界面设计人员难找。

程序可以被反编译。

安装包过大,部署麻烦,framework.

跨平台不够好。

结论:

结合近年来前端设计的走向,最终选择了qt+vue+element UI+sqlite(数据库根据需要情况选择)

qt负责接口和硬件处理

sqlite做数据存储

vue+element UI 实现前端。

 

 

 vscode开发环境安装配置-连载【2】-企业级系统开发实战连载系列  -技术栈(vue、element-ui、qt、c++、sqlite)

代码编辑,这里推荐使用微软的开源编辑器vscode。

下载vscode

https://code.visualstudio.com/Download

 

windows的, 选择如下:

 技术分享图片

 

 双击运行安装包

 

 

技术分享图片

 选我接受协议

 

点下一步

 技术分享图片

 

点下一步

 技术分享图片

点下一步

 技术分享图片

点安装

 技术分享图片

技术分享图片

在桌面双击图标打开

 技术分享图片

 

 

点击 OpenFolder 打开上一章节创建的项目 vue01

 

 技术分享图片

 

这里简单解说一下项目结构,方便后面代码修改和入门。

目录/文件

说明

build

项目构建(webpack)相关代码

config

配置目录,包括端口号等。我们初学可以使用默认的。

node_modules

npm 加载的项目依赖模块

src

这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:

  • assets: 放置一些图片,如logo等。
  • components: 目录里面放了一个组件文件,可以不用。
  • App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。
  • main.js: 项目的核心文件。

static

静态资源目录,如图片、字体等。

test

初始测试目录,可删除

.xxxx文件

这些是一些配置文件,包括语法配置,git配置等。

index.html

首页入口文件,你可以添加一些 meta 信息或统计代码啥的。

package.json

项目配置文件。

README.md

项目的说明文档,markdown 格式

 

展开src ,打开App.vue文件,如下:

 技术分享图片

 

代码没有高亮显示,修改代码也没有 智能提示,我们先安装vetur插件

选择左下角的扩展(Extensions),如下图:

 技术分享图片

点击install

安装完后,再切换回源代码,就会出现代码高亮和智能提示,尝试修改代码也有知识提示,如下图:

 技术分享图片

 

按下来安装代码检测工具,我们使用 eslint 插件,在扩展 extensions 搜索框输入eslint,如下图:

 技术分享图片

 

尝试修改js文件,当语法错误,会出现提示,如下:

 

 技术分享图片

至此,我们的代码编辑环境配置完成。

 

vscode开发环境安装配置-连载【2】-企业级系统开发实战连载系列 -技术栈(vue、element-ui、qt、c++、sqlite)

原文:https://www.cnblogs.com/mytom/p/13394585.html

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯