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

最新推荐文章于 2024-07-28 00:36:11 发布

郑清

最新推荐文章于 2024-07-28 00:36:11 发布

阅读量774

点赞数

分类专栏： ❻、Node.js 文章标签： Node.js入门安装常用命令入门案例

本文链接：https://blog.csdn.net/qq_38225558/article/details/86300883

版权

❻、Node.js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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>

运行：