nodejs开发环境安装-连载【1】-企业级系统开发实战连载系列 -技术栈 ：vue、element-ui、qt、c++、sqlite
nodejs开发环境安装-连载【1】-企业级系统开发实战连载系列 -技术栈 ：vue、element-ui、qt、c++、sqlite
- 作者背景描述：
- 为什么写此系列文章？
- 解决方案：
- 预览Demo
- 下载
- 版本选择
- 运行安装程序
- 同意条款
- 安装路径
- 安装组件
- 工具，钩不需要选。
- 即将安装
- 在开始菜单执行命令行
- 查看版本号
- 查看包管理器
- 添加包镜像，提升下载包速度
- 查看是否设置成功
- 查看包管理器信息
- 看看能否获得vue的信息
- git 安装
- 安装vue
- 安装路由
- 安装脚手架（命令行工具）
- 测试vue 安装情况
- 创建项目
- 运行
- 浏览
- 发布
- 发布后的文件结构
- 总结
作者背景描述：
本人就职于外资IT企业，担任电商订单处理产品开发经理一职，领导过非常多次大小项目的开发工作，对电商平台订单处理流程非常熟悉。
公司专注鞋服行业相关软件开发和服务，公司规模100多人以上，在台北，广州，成都，上海，北京，国外等均有分公司。
为什么写此系列文章？
本人在学校至工作到现在十余年时间，使用.net C# 开发语言，结合在公司实际开发，和市场的需求中，NET.开发的商业企业级系统遇到的缺点有如下：
- 程序首次加载慢，因为虚拟机编译的原因。
- WINFORM界面开发不够炫丽，精美。
- WINFORM界面设计人员难找。
- 程序可以被反编译。
- 安装包过大，部署麻烦，framework.
- 跨平台不够好。
解决方案：
结合近年来前端设计的走向，最终选择了qt+vue+element UI+sqlite(数据库根据需要情况选择)
qt负责接口和硬件处理
sqlite做数据存储
vue+element UI 实现前端。
预览Demo
下载
访问https://nodejs.org/en/
版本选择
选择左边的版本，如下图：
运行安装程序
同意条款
安装路径
安装组件
工具，钩不需要选。
即将安装
在开始菜单执行命令行
查看版本号
执行命令
node -v
查看包管理器
解说：包管理工具作用是为了管理前端开发时使用到的包，插件，工具，命令等。
输入包管理工具，测试 安装是否成功
npm -v
添加包镜像，提升下载包速度
npm config set registry=http://registry.npm.taobao.org
查看是否设置成功
查看包管理器信息
npm config list
看看能否获得vue的信息
Npm info vue
git 安装
下载地址
https://git-scm.com/download/win
安装git只需要点击 next即可。
因为有些命令会使用git命令进行下载数据。
安装好git后，关闭cmd 然后重新执行下面的命令。
接着执行下面的安装。
安装vue
npm install vue -g
安装路由
vue-router 提供了前端页面路由工具，利用它我们能实现页面跳转，页面组件刷新，
按需加载组件，构建单页的应用。
npm install vue-router -g
安装脚手架（命令行工具）
命令行工具可以 用来生成vue的项目和项目文件等 。
npm install vue-cli -g
测试vue 安装情况
vue -V
创建项目
接下来的教程为创建项目，项目名为vue01，命令如下：
vue init webpack vue01
创建的过程中会提示输入，和按回车
创建完如下：
运行
提示输入cd vue01切换目录
cd vue01
执行npm run dev 运行开发模式
npm run dev
浏览
后面输出为您的站点，在浏览器输入就可以，注意不要用IE
发布
执行 npm run build 发布
npm run build
发布后的文件结构
生成静态文件在dist目录下，打开dist文件夹下就能看到新生成的index.html文件
直接打开是不行的，需要使用iis或其它服务器。
总结
本节主要讲解了环境安装，项目创建，运行，发布整个流程。
下一节我们讲解前端代码编辑器 vscode开发环境安装配置。
nodejs开发环境安装-连载【1】-企业级系统开发实战连载系列 -技术栈 ：vue、element-ui、qt、c++、sqlite相关推荐
- 基于Vue+Element UI+Node+MongoDB的医院门诊预约挂号系统
目录 概述 3 系统目标 3 需求分析 3 功能需求 3 非功能需求 4 设计 4 数据库设计 4 数据库说明 4 数据结构 4 接口设计 5 登录 5 注册.添加信息 6 查询信息 6 查询全部病人 ...
- brew安装指定版本mysql,Mac 系统为 Valet 开发环境安装指定版本 MySQL
Mac 系统为 Valet 开发环境安装指定版本 MySQL 由 学院君 创建于1年前, 最后更新于 5个月前 版本号 #3 1547 views 1 likes 0 collects 在 Mac 系 ...
- php larval框架运行环境,4种Windows系统下Laravel框架的开发环境安装及部署方法详解...
1.准备工作 1.1PHP集成环境 这里我们使用的是XAMPP,XAMPP是一个功能强大的建站集成软件包,采用一键安装的方式,包含PHP7.0.Mysql.Tomcat等.最新版下载地址:PHP 5. ...
- nodeJs + webpack+vue+ element ui 环境安装
一.安装nodeJs 1.打开NodeJs官网:https://nodejs.org/en/download/ 点击下载 2.双击安装,安装过程基本直接"NEXT"就可以了.(w ...
- java实验环境,实验一(Java开发环境安装与配置
<实验一(Java开发环境安装与配置>由会员分享,可在线阅读,更多相关<实验一(Java开发环境安装与配置(6页珍藏版)>请在人人文库网上搜索. 1.实验报告实验报告序号:实验 ...
- Java开发环境安装与配置(快速配置)
知识的广度来自知识的深度,学习如果不成体系那是多可怕的一件事儿,希望我们在未来的学习道路上坚守初心,不要给自己留下遗憾,以自己喜欢的方式生活,做自己喜欢做的事,宠爱自己,做一个独一无二的自己! 对于文 ...
- 一个电脑的重装到java开发环境安装配置的全过程
刚拿到一台别人用过的电脑.看着c盘爆满,而且用了还是windows7操作系统,强迫症发作马上就准备重装系统. 之前换固态使用wepe制作U盘启动盘装系统的步骤和过程全部忘记的,贼尴尬. 同事都看不过眼 ...
- 【Android】1.1 开发环境安装和配置
分类:C#.Android.VS2015: 创建日期:2016-01-20 2016-08-03说明:此版本已过时,最新版本见本博客置顶的内容. 一.安装JDK.SDK.NDK 无论是用C#和VS20 ...
- 三、安装cmake，安装resin ，tars服务，mysql 安装介绍，安装jdk，安装maven，c++ 开发环境安装...
三.安装cmake,安装resin 2018年07月01日 21:32:05 youz1976 阅读数:308 开发环境说明: centos7.2 ,最低配置:1核cpu,2G内存,1M带宽 1.安装 ...
- android 和ios 混合式开发环境安装
android 和ios 混合式开发环境安装 1.安装nodejs 官网下载:https://nodejs.org/en/ 下载node-v8.10.0-x64.msi 安装 2.安装ionic和co ...
最新文章
- Go 学习笔记（14）— 结构体定义、实例化、初始化、匿名结构体、结构体访问、结构体作为形参、结构体指针
- 完美解决：You are using pip version 9.0.1, however version 18.0 is available.
- vin端口是什么意思_端口有无开启
- 熟练掌握python是什么概念-Quant面试时说：熟练掌握Python，请三思，不然凉凉~
- 【机器学习】孤立森林-一个通过瞎胡乱分进行异常检测的算法
- python爬虫常见反爬措施_爬虫常见的反爬措施有哪些
- python bind_all_【Python】__all__ 暴露接口
- matebook14装鸿蒙系统,matebook14几个接口
- 百练 2965 玛雅历 解题报告
- 高速电路设计与仿真之PCB篇（一）
- 数学建模笔记（一）：数学建模一般步骤
- 关于微信第三方服务消息提醒
- RuntimeError: latex was not able to process the following string: b‘lp‘
- 计算机进入睡眠和休眠,win7中睡眠和休眠的区别
- Matlab coder生成C++代码
- 2MSL的特点及意义
- 前端学习-JavaScript每日一题-数组扁平化
- 编程导师Ivor Horton新作《Java 7入门经典》即将出版
- Android把图片保存为pdf文件(附带iTextpdf.jar)
- 地鼠宝宝的轶事奇闻之线程模型