• nodejs开发环境安装-连载【1】-企业级系统开发实战连载系列 -技术栈(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 实现前端。

     预览demo

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

    访问https://nodejs.org/en/

    如下图:

     

     选择左边长期支持版本

    安装界面如下图:

     

    点击next

    打钩,点next

    点击next

    点击next

    上图这个钩可以不选,选择了也安装不上 ,会报错。

     

     点击install

     在开始菜单找到运行,输入cmd

     

    点确定

     

    输入命令测试安装是否成功,当前版本号

      node -v

     

    解说:包管理工具作用是为了管理前端开发时使用到的包,插件,工具,命令等。 

    输入包管理工具,测试 安装是否成功

    npm -v

     

    添加包镜像,提升下载包速度

    npm config set registry=http://registry.npm.taobao.org

     

    查看是否设置成功

     

    查看包管理器信息

    npm config list

     

    Npm info vue 看看能否获得vue的信息

    在执行下面命令前,先安装git

    下载地址

    https://git-scm.com/download/win

    安装git只需要点击 next即可。

    因为有些命令会使用git命令进行下载数据。

    安装好git后,关闭cmd 然后重新执行下面的命令。

    接着执行下面的安装。

     

    npm install vue -g 安装vue

     

     解说:vue-router 提供了前端页面路由工具,利用它我们能实现页面跳转,页面组件刷新,

    按需加载组件,构建单页的应用。

    npm install vue-router -g  安装路由

     

    解说:命令行工具可以 用来生成vue的项目和项目文件等 。

    npm install vue-cli -g  安装脚手架(命令行工具)

     

    测试vue 安装情况 vue -V

     

    接下来的教程为创建项目,项目名为vue01,命令如下:

    vue init webpack vue01

    创建的过程中会提示输入,和按回车

    创建完如下:

     

     

    提示输入cd vue01切换目录

    执行npm run dev 运行开发模式

     

    后面输出为您的站点,在浏览器输入就可以,注意不要用IE

     

    执行 npm run build 发布

     

    生成静态文件在dist目录下,打开dist文件夹下就能看到新生成的index.html文件

     

    直接打开是不行的,需要使用iis或其它服务器。

     

  • 相关阅读:
    MyBatis使用
    华为如何实现基于Git的跨地域协同开发
    推荐一款华为最新的自动化代码检查工具
    我是如何进行code review的
    谈谈敏捷开发
    软件测试管理的一点小心得
    (转)技术转管理可能遇到的 3 大挑战及解决方案
    领域驱动设计和实践
    NET开源项目
    asp.net搭建mybatis开发环境
  • 原文地址:https://www.cnblogs.com/mytom/p/13381793.html
Copyright © 2020-2023  润新知