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

vscode开发环境安装配置-连载【2】-企业级系统开发实战连载系列 -技术栈(vue、element-ui、qt、c++、sqlite)「建议收藏」 作者背景描述: 本人就职于大陆某台资IT企业,担任电商订单处理产品开发经理一职,领导过非常多次大小项目的开发工作,对电商平台订单处理流程非常熟悉。 公司专注鞋服行业相关软件开发和服务,公司规…

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

作者背景描述:

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

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

为什么写此系列文章?

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

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

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

3.WINFORM界面设计人员难找。

4.程序可以被反编译。

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

6.跨平台不够好。

结论:

结合近年来前端设计的走向,最终选择了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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
转载请注明出处: https://daima100.com/6922.html

(0)
上一篇 2023-03-30
下一篇 2023-03-31

相关推荐

  • MySQL Event历史记录

    MySQL Event历史记录需求 SQL Server的作业历史(Job)记录是保存在msdb库中的,很方便就查询相关的Job定义,计划和历史记录,而MySQL的event却没有历史记录。为方便查看event是否正常执行以及执行

    2022-12-24
    116
  • MongoDB 谨防索引seek的效率问题

    MongoDB 谨防索引seek的效率问题[TOC] 声明:本文同步发表于 MongoDB 中文社区,传送门: ‘http://www.mongoing.com/archives/27310’ 背景 最近线上的一个工单分析服务一直不大稳定,监

    2022-12-17
    100
  • Yii redis list列表的使用

    Yii redis list列表的使用redis 的列表允许用户从序列的两端推入或者弹出元素,获取列表元素,以及执行各种常见的列表操作,这里介绍一些常用的列表处理命令,并在 Yii 中的使用。 RPUSH RPUSH:RPUSH key-

    2023-03-06
    100
  • mysql数据库事务及隔离级别「建议收藏」

    mysql数据库事务及隔离级别「建议收藏」事务的四大特性: 原子性: 事务是最小的执行单位,不允许分割。事务的原子性确保动作要么全部完成,要么完全不起作用; 一致性: 执行事务前后,数据保持一致,多个事务对同一个数据读取的结果是相同的; 隔…

    2023-02-26
    90
  • Python List:高效处理序列数据

    Python List:高效处理序列数据List是Python的一种基本数据类型,它是一个有序序列,可以包含任意类型的数据,同时可以动态添加和删除元素。以下是一些List的基本操作:

    2024-03-07
    33
  • thinkphp 数据库性能监听SQL

    thinkphp 数据库性能监听SQL如果开启数据库的调试模式的话,你可以对数据库执行的任何SQL操作进行监听,使用如下方法: Db::listen(function($sql, $time, $explain){ // 记录SQL e…

    2023-04-05
    120
  • 深入了解Python中的首字母大写函数 – capitalize()

    深入了解Python中的首字母大写函数 – capitalize()Python是一门强大的编程语言,它提供了许多内置函数,以便您轻松地操作字符串和其他数据类型。其中,capitalize()函数是一个非常有用的函数,它可以将字符串的第一个字母转换为大写,而其他字母都转换为小写。

    2024-05-06
    17
  • jdbc连接达梦数据库集群_sqlplus登录数据库

    jdbc连接达梦数据库集群_sqlplus登录数据库DM JDBC 介绍 DM JDBC 驱动程序是 DM数据库的 JDBC 驱动程序,它是一个能够支持基本 SQL 功能 的通用应用程序编程接口,支持一般的 SQL 数据库访问。 通过 JDBC 驱动程

    2023-02-17
    104

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注