node.js入门笔记

node.js、react.js、vue.js都是 JavaScript 的框架。

node.js

Node.js 是一种开源且跨平台的服务器端 JavaScript 运行时环境，以 Chrome 的 V8 JavaScript 引擎为基础，最初由 Ryan Dahl 创作并在 2009 年发布。

安装

1、安装 Node 版本管理器（通常称为 nvm）： 下载地址

-- 查看当前安装的nodejs版本
nvm ls
-- 列举可以安装的版本
nvm list available
-- 选择安装的版本
nvm install <version>
-- 选择项目使用版本
nvm use <version>
-- 查看当前使用的版本
npm --version

2、手动安装 node.js (内网无法联网的情况下)

下载 nodejs 对应的版本报，放到应用安装目录下，使用 nvm 命令切换到该版本。

入门demo

(1) 在 Visual Studio Code 中使用 Node.js

app.js

var msg = 'Hello World';
console.log(msg);
// 在终端中，输入 node app.js。 你应会看到输出：“Hello World”。

(2) 使用 Express 创建自己的第一个 Node.js Web 应用

Express 是简约、灵活、流畅的 Node.js 框架，可便于更轻松地开发 Web 应用，以处理GET、PUT、POST 和 DELETE 等多种类型的请求。 Express 随附一个应用生成器，可用于自动创建应用的文件体系结构。

# 1、使用 Express 创建一个 HelloWorld 项目模板：
npx express-generator HelloWorld --view=pug
# 2、安装依赖 -- 如果慢，可以换源
npm install
# 3、在虚拟服务器上启动
npx cross-env DEBUG=HelloWorld:* npm start

(3) 尝试使用 Node.js 模块

。。。

进阶使用

nodejs官网

学习资源

Vue.js

Vue 是一个开源的前端 JavaScript 框架，用于在 Web 上生成用户界面和单页应用程序。Vue 由 Evan You 创建，于 2014 年发布并由 Evan 及其核心团队维护，专注于声明式呈现和组件组合，仅为视图层提供核心库。

Vue 使用 model-view-viewmodel 体系结构。 Evan You 之前在 Google 研究过AngularJS，并提取了 Angular 的部分特性以提供一个更轻量级的框架。 Vue 在某些方面可能与 React、Angular、Ember 和 Knockout 等类似。有关与其他 JavaScript 框架之间的深入的比较 ，请参阅 Vue 文档。

Vue.js 仅专注于视图层，需要其他工具来创建更复杂的应用。需要考虑使用：

• 包管理器：Vue 的两个常用包管理器分别是 npm （包含在 NodeJS 中）和yarn 。 两者都支持可以安装的大量维护良好的包库。
• Vue CLI ：用于快速 Vue.js 开发的标准工具包，对 Babel、PostCSS、TypeScript、ESLint 等提供开箱即用的支持。
• Nuxt.js：一个使服务器端呈现的 Vue.js 应用成为可能的框架。 服务器端的呈现可以改进 SEO，并使用户界面更具响应性。
• VS Code 的 Vue 扩展包 ：将语法突出显示、代码格式设置和代码片段添加到 .vue文件。
• Vuetify ：提供 Material Design Framework 组件的 Vue UI 库。
• Vuesion ：生产就绪的渐进式 Web 应用 (PWA) 的 Vue 样板。
• Storybook ：Vue 用户界面组件的开发和测试环境。
• Vue 路由器 ：支持将应用程序 URL 映射到 Vue 组件。
• Vue 设计系统 ：通过 Vue.js 生成设计系统的开源工具。
• VueX ：Vue 应用的状态管理系统。

vue-cli

官方资源

mkdir HelloVue
cd HelloVue
npm install -g @vue/cli
vue create hello-vue-app
cd hello-vue-app
npm run serve