ubuntu20.04 node.js安装 + 创建Vue应用过程记录

一、安装nodejs

进入nodejs官网，下载linux版本的nodejs包：

Node.js — Download Node.js®Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en/download/prebuilt-binaries/current

下载好后解压，然后添加环境变量：

gedit ~/.bashrc

# 在文件末尾添加（路径改成自己的）：
export PATH=/home/AA/nodeJS/node-v20.16.0-linux-x64/bin:$PATH

# 使新添加的环境变量生效
source ~/.bashrc

输入命令确认是否成功安装nodejs和npm，如果终端正常显示版本信息说明安装成功：

node -v
npm -v

二、创建一个Vue应用

进入到打算创建项目的目录，打开终端运行下面的命令：

npm create vue@latest

这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示：

✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit testing? … No / Yes
✔ Add an End-to-End Testing Solution? … No / Cypress / Nightwatch / Playwright
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / Yes
✔ Add Vue DevTools 7 extension for debugging? (experimental) … No / Yes

Scaffolding project in ./<your-project-name>...
Done.

如果不确定是否要开启某个功能，你可以直接按下回车键选择 No。在项目被创建后，通过以下步骤安装依赖并启动开发服务器：

cd <your-project-name>

# 安装项目依赖
npm install

# 运行应用程序
npm run dev

至此已成功创建并运行起一个Vue应用。

关于Vue更详细的介绍和使用，参见官方文档：

Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)https://cn.vuejs.org/