什么是NPM,Node.js,vue,vue-router,vue-cli,vuex,vue-resource,Element,Echarts,webpack,git,github

什么是NPM

NPM是随同NodeJS一起安装的包管理工具(Node Package Manger)

什么是Node.js

简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

安装 Node.js

node下载地址
https://nodejs.org/dist/v16.13.0/node-v16.13.0-x64.msi

cmd

验证node版本
node -v

配置全局安装路径和缓存
在D:\Nodejs目录下创建了node_cache和node_global文件夹
npm config set prefix “D:\Nodejs\node_global”
npm config set cache “D:\Nodejs\node_cache”

查看npm本地仓库
查看global里有什么模块
npm list -global

配置一个镜像站，为了提升速度
npm config set registry=http://registry.npm.taobao.org

显示所有配置信息
npm config list

检查镜像站行不行
npm config get registry

测试获取Vue模块信息
npm info vue

什么是VUE

Vue.js是一套构建用户界面的渐进式框架。
Vue只关注视图层，采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API实现响应的数据绑定和组合的视图组件。

安装VUE
测试NPM安装vue.js
npm install vue -g

什么是vue-router

Vue.js 官方的路由管理器。

测试NPM安装vue-router
npm install vue-router -g

什么是vue-cli

构建工具(内建插件)

安装vue脚手架
npm install vue-cli -g

添加环境变量
编辑path
对path环境变量添加D:\nodejs\node_global
vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目，
他的配置并不全放在根目录下的 webpack.config.js 中

查看Vue版本(注意大小写)
vue -V

什么是webpack

webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，但它也能够胜任转换（transform）、打包（bundle）或包裹（package）任何资源(resource or asset)。

什么是element

一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
element安装
npm i element-ui -S
引入样式

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

引入组件库

<script src="https://unpkg.com/element-ui/lib/index.js"></script>

https://github.com/ElementUI/vue-cli-plugin-element

什么是Echarts

一个基于 JavaScript 的开源可视化图表库
Echarts安装
npm install echarts

git

github