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

2.安装Vue CLI:

npm install -g @vue/cli
vue -V

3.创建Vue项目

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

vue create myvue
# 项目名不能大写

在这里插入图片描述

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

4.启动Vue项目

npm install
npm run dev

5.Express

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

相关推荐

  1. linux运行node项目

    2024-07-16 16:18:01       36 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-16 16:18:01       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-16 16:18:01       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-16 16:18:01       58 阅读
  4. Python语言-面向对象

    2024-07-16 16:18:01       69 阅读

热门阅读

  1. Hive 常见问题

    2024-07-16 16:18:01       17 阅读
  2. Docker_指令篇

    2024-07-16 16:18:01       22 阅读
  3. 【利用Selenium+autoIt实现文件上传】

    2024-07-16 16:18:01       20 阅读
  4. 专升本(英语)1.0.2-july 15th 升本:210天

    2024-07-16 16:18:01       17 阅读
  5. day30【LeetCode力扣】18.四数之和

    2024-07-16 16:18:01       19 阅读
  6. 力扣 hot100 -- 技巧

    2024-07-16 16:18:01       21 阅读
  7. 【webpack开发环境下的配置】

    2024-07-16 16:18:01       21 阅读
  8. Win7电脑修改网卡配置连接千兆网络的方法

    2024-07-16 16:18:01       22 阅读
  9. 发布自动化:Gradle发布插件的配置全攻略

    2024-07-16 16:18:01       20 阅读