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 模块
。。。
进阶使用
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