nodejs安装部署运行vue前端项目

1.安装nodejs

Node.js® 是一个免费、开源、跨平台的 JavaScript 运行时环境，它让开发人员能够创建服务器、Web 应用、命令行工具和脚本。

• 访问Node.js官网。
• 输入node -v和npm -v命令，查看Node.js和npm的版本号，以确认安装成功。

npm（Node Package Manager）是Node.js的官方包管理工具，它具有多重作用，为JavaScript开发者提供了高效、灵活和可靠的包管理解决方案。

2.安装Vue CLI

vuecli脚手架是干什么的？
‌Vue CLI是一个官方提供的命令行工具，用于快速创建和管理Vue.js项目。
它的主要功能和特点包括：‌

• 快速项目生成：Vue CLI可以快速生成一个基本的Vue项目结构，包括必要的文件和配置，使得开发者可以立即开始编码，无需手动设置基础结构。‌12
• 基于‌Webpack：Vue CLI基于Webpack构建，这意味着它利用Webpack的强大功能进行资源管理和代码优化，如依赖管理、代码分割和性能优化等。‌13
• 开箱即用和易于扩展：Vue CLI提供了合理的默认配置，使得新项目可以立即运行，同时它也支持通过插件和配置文件进行扩展，以满足特定需求。‌12
• 命令行和图形界面：除了命令行界面外，Vue CLI还提供了一个图形化用户界面，使得项目管理更加直观和方便。
• 支持‌Vue 2和‌Vue 3：Vue CLI支持创建基于Vue 2和Vue 3的项目，适应不同的开发需求。‌

总之，Vue CLI是一个强大的工具，帮助开发者更高效地构建和维护Vue.js应用。

1.配置npm镜像源：

#临时配置
npm config set registry https://registry.npmmirror.com
# 永久配置
npm config set registry https://registry.npmmirror.com
1
2
3
4

2.安装Vue CLI：

npm install -g @vue/cli
vue -V
1
2

3.创建Vue项目

创建项目：
在命令行中，使用cd命令切换到你想创建Vue项目的目录。
输入vue create 项目名命令（将“项目名”替换为你想要的项目名称），并按提示操作。Vue CLI会引导你完成项目的创建过程，包括选择预设、配置Vue Router、Vuex等。
进入项目目录：
项目创建完成后，使用cd 项目名命令进入项目目录。

vue create myvue
# 项目名不能大写
1
2

cd myvue
npm run serve
npm run build
# 项目生成dist文件夹下
1
2
3
4

4.启动Vue项目

npm install
npm run dev
1
2

5.Express

基于 Node.js 平台，快速、开放、极简的 Web 开发框架