Node.js(1) 安装、常用命令、以及案例

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

入门案例:


  
  
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>hello vue </title>
  6. <script type="text/javascript" src="./node_modules/vue/dist/vue.js"> </script>
  7. </head>
  8. <body>
  9. <div id="app">
  10. <!-- 声明式渲染-->
  11. <h2>{{name}},是{{num}}套用于构建用户界面的渐进式框架。 </h2>
  12. </div>
  13. <script type="text/javascript">
  14. // 创建vue实例
  15. var app = new Vue({
  16. el: "#app", // el即element,该vue实例要渲染的页面元素
  17. data:{ // 渲染页面需要的数据
  18. name: "Vue",
  19. num: 1
  20. }
  21. });
  22. </script>
  23. </body>
  24. </html>

运行:

发布了60 篇原创文章 · 获赞 9 · 访问量 1971

猜你喜欢

转载自blog.csdn.net/qq_40629521/article/details/104090428