Node.js是什么?
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
Node.js 的出现吸引了很多前端开发人员开始用 JavaScript 开发服务器代码,其异步编程风格也深受开发人员的喜爱。Node.js 的伟大不仅在于拓展了 JavaScript 在服务器端的无限可能,更重要的是它构建了一个庞大的生态系统。
2010年,NPM作为node.js的包管理系统首次发布,开发人员可以遵循Common.js规范来编写Node.js模块,然后发布到NPM上供其他开发人员使用。目前已经是世界最大的包模块管理系统。 【npm相当于我们java后台中的maven】
参考资料:
Node.js官网:https://nodejs.org/en/
Node.js 中文网:http://nodejs.cn/
npm官网 :https://www.npmjs.com/
npm 中文文档 : https://www.npmjs.cn/
主流前端框架:
Vue.js: 以轻量易用著称
React.js: vue.js和React.js发展速度最快
AngularJS: 老大
前端HVVM模式:
- M :即Model,模型,包括数据和一些基本操作
- V :即View,视图,页面渲染结果
- VM :即View-Model,模型与视图间的双向操作(无需开发人员干涉)
Node.js&Npm入门
安装
NodeJs下载:https://nodejs.org/en/download/
双击安装直接下一步下一步就好了,很简单,安装完之后 环境变量是默认已经配置好了的,cmd输入node -v检查是否安装和配置环境变量 【注意:安装完成后 Node应该自带了NPM了,cmd执行 npm -v 测试】
注:如果没有配置环境变量,就自己配置下就好了
和
在线升级:cmd执行 npm install npm@latest -g (如果版本老的话,可以升级一下哦~)
这个可能要等会儿了... (如果失败重新来就好...)
入门:
创建一个空项目 (注意:创建项目之前idea重新启动,保证后面的npm命令生效!)
添加module
1.初始化:npm init -y
温馨小提示:点击idea下方的 可执行cmd命令
2.安装模块:
全局安装(所有项目都能用)
npm install -g vue
npm -g root 安装路径
局部安装(当前项目使用)
npm install vue 或 npm i vue
3.查看某个模块:npm list vue
查看所有模块:npm ls (注:这里只有一个,所以只能看见一个)
4.卸载模块: npm uninstall vue 【卸载之后会发现之前安装的 没有了...】
5.更新模块: npm update vue
6.运行工程:npm run dev
7.编译工程:npm run build
入门案例:
-
<!DOCTYPE html>
-
<html lang="en">
-
<head>
-
<meta charset="UTF-8">
-
<title>hello vue
</title>
-
<script type="text/javascript" src="./node_modules/vue/dist/vue.js">
</script>
-
</head>
-
<body>
-
<div id="app">
-
<!-- 声明式渲染-->
-
<h2>{{name}},是{{num}}套用于构建用户界面的渐进式框架。
</h2>
-
</div>
-
<script type="text/javascript">
-
// 创建vue实例
-
var app =
new Vue({
-
el:
"#app",
// el即element,该vue实例要渲染的页面元素
-
data:{
// 渲染页面需要的数据
-
name:
"Vue",
-
num:
1
-
}
-
});
-
</script>
-
</body>
-
</html>
运行: