VUE学习二、创建一个前端项目

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 300+累计阅读 309平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄8年

关注

原创最新推荐文章于 2026-07-31 09:51:54 发布 309 阅读 AI 写同款· GEO 优化 ›

Vue学习笔记(一)：从零开始创建一个Vue前端项目一、开篇最近公司的老的项目重构，改成了前后端分离的架构，前端采用的是vue.js前端框架，所以接触到vue.js。 Vue.js是当下很火的一个JavaScript MVVM(Model-View-ViewModel)库，它是以数据驱动和组件化的思想构建的。相较于其他的前端框架，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用。Vue.js不同于以前的jQuery操作DOM，因为Vue.js是数据驱动的，所以无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起阅读详情

1.创建一个vue项目

使用命令 vue ui启动vue脚手架

vue ui

在这里插入图片描述

等待项目创建好可以来任务栏启动项目参数那里可以设置启动端口等参数

启动成功

成功访问

2. 用webstorm 打开项目

脚手架页面可安装基本依赖比如路由
在这里插入图片描述

使用ws打开项目
在这里插入图片描述

启动项目 npm run serve

3.修改启动端口

在这里插入图片描述

devServer: {
    port: 8001
}

收录于

当前文章被以下社区和专栏收录：

标签

#前端 #vue.js #学习

创建一个vue项目创建一个vue3项目阅读详情

相关推荐

我的第一个前端项目，vue项目从零开始创建和运行

入门前端，从基础做起，从零开始新建项目。VUE脚手架项目是一个“单页面”应用，即整个项目中只有1个网页！

麦小洛 5138

Windows下创建Vue项目教程

1. 安装node.js https://nodejs.org/en/download/ 选择对应系统的node可执行文件安装完成后，打开cmd 输入node -v 输入npm -v 都正常输出版本就可以进行下一步啦???? 2. 安装vue 使用npm去安装vue的话也可以，但是安装速度较慢，使用国内源镜像安装较快（所以这一步不是必须的）安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 安装vue-cli脚

weixin_44669966的博客 1240

前端学习第一篇（idea创建vue项目）

希望博客可以给想要学习前端的，有一点点基础的童鞋们一些帮助。博客参考了 https://www.jianshu.com/p/9c1d4f8ed068 的文章 1.node.js安装 Node.js是一个Javascript运行环境，对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。 Node.js是一个基于Ch...

usuyitakumi的博客 3233

使用脚手架（Vue-Cli）快速创建一个vue项目的步骤

一、安装vue https://cn.vuejs.org/v2/guide/installation.html 二、先确定是否安装了node.js、npm和cnpm node.js的下载地址：Node.js NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编

qq_59808309的博客 6545

如何快速创建一个 vue3 项目？

Vue CLI：功能强大，支持多种配置和插件，适合复杂项目。Vite：开发体验极佳，启动速度快，适合现代前端项目。官方模板：简单快捷，适合快速上手。StackBlitz 和 CodeSandbox：在线编辑，无需本地环境，适合快速原型开发和学习。你可以根据自己的需求和偏好选择适合的方法来创建 Vue 3 项目。

sinat_33255495的博客 1766

element-ui 创建第一个项目

最近开始学习前端，在创建第一个项目处就卡了很久，看了很多资料后终于运行成功一：官方文档 vue：https://cn.vuejs.org/ element-ui:https://element.eleme.cn/#/zh-CN 二： npm的安装和使用 1.下载npm https://nodejs.org/en/ 左边的是推荐版本，右边的是最新版，一般选左边下好后，安装一路next到底或者更...

qq_29869111的博客 2736

前端笔记1-创建vue项目

简单记录下开发vue项目的。本篇内容主要是记录创建vue项目的大概方式，希望能通过记录，累积知识。编程是一场思维的马拉松，而不是短跑。相信大家都听过一句话，“种一棵树最好的时间是十年前，其次是现在”，望与诸君共勉。

weixin_43915285的博客 2806

二、创建第一个VUE项目

确保已经安装了 Node.js 和 npm（一般安装 Node.js 时会自动安装 npm），并且通过 npm install -g @vue/cli 命令全局安装了 Vue CLI（命令行工具）。

2401_83367969的博客 1589

探索Vue.js的无限可能 —— vuejs-challenges

挑战自我，共同成长，Vue.js挑战等你来战！

2401_83063795的博客 2840

163种中草药图像数据集构建与ResNet-50迁移学习实战指南

在计算机视觉领域，高质量标注数据集是模型训练的基石，直接影响图像分类、目标检测等任务的性能。其核心原理在于为算法提供结构化的监督信号，通过深度学习模型学习从像素到语义的映射关系。构建此类数据集的技术价值在于解决了特定垂直领域（如中医药）数据稀缺的痛点，为AI技术落地提供了关键“燃料”。在应用场景上，标准化数据集广泛支撑着教学演示、算法验证和产业应用开发。本文聚焦于中草药识别这一细分领域，详细介绍了一个包含163种常见药材、经过多源聚合与清洗的图像数据集构建全过程，并提供了基于PyTorch和ResNet-5

weixin_33672400的博客 454

数字频率计设计中的常见误区：从VHDL代码到硬件实现的避坑指南

本文深入探讨了数字频率计从VHDL代码到FPGA硬件实现过程中的关键误区与解决方案。重点分析了闸门时间生成的精度与资源平衡、控制时序设计中的竞争冒险规避，以及如何利用EDA工具进行综合、时序约束与调试，确保设计稳定可靠。文章为开发者提供了从仿真成功到硬件可用的实战避坑指南。

spark7igniter的博客 213

前端学习之路-创建一个vue项目

vue 是一种用于构建用户界面的 JavaScript 框架，主要用于开发 Web 应用程序。它是 Vue.js 框架的文件扩展名，默认包含 HTML、CSS 和 JavaScript 代码块，并使用 Vue.js 提供的语法来定义应用程序的交互式组件。上下键控制上下，回车选择可以选择默认版本，第一个是vue2默认模板，第二个是vue3默认模板，第三个是自定义选择（我这边选择的是自定义配置，选择另外两个会自动安装）回车进入选项，选择需要的配置bable，router，vuex等，根据需要配置。

weixin_74100422的博客 1154

深入理解光流法外推雷达回波

背景介绍鉴于本人实在太过疲惫和劳累，一些简单的便于理解的废话就不在记录，耗费两天时间研究了一下光流法，本帖用于记录学习过程中源码的难点细节。使用光流预测的核心有两个利用多张连续回波图像（变分）或者相邻两张回波图（交叉相关，LK等）计算出光流场（速度矢量场），之后利用半拉格朗日方法进行外推。半拉格朗日方法三时间步半拉格朗日方法，其核心公式如下但这个有点难理解，但看一维的图就很好理解它的核心就是迭代求Am（位移矢量），如果理解困难的话，其实质上就是通过未来迭代（猜）出当前时刻的Am找到过去的假设

weixin_44695861的博客 6032

从零创建 Vue 3 项目

方法适用场景优点缺点Vue CLI中大型项目，需要完整生态支持功能强大，插件丰富配置复杂，启动速度较慢Vite现代前端项目，追求开发体验启动速度快，开发体验极佳生态相对较新官方模板快速上手，定制化需求简单快捷功能较少StackBlitz在线原型开发，快速分享无需本地环境依赖网络，功能受限在线开发，团队协作支持多人协作依赖网络，功能受限快速创建项目官方支持，配置灵活功能较少Nuxt.js服务端渲染，静态站点生成支持 SSR/SSG，SEO 友好。

码农键盘上的梦 8934

浅谈迪杰斯特拉（Dijkstra）算法和A*算法原理及实现

迪杰斯特拉（Dijkstra）算法和A*算法的原理及实现。

Guo_Zhanyu 9597

【Java基础】还看不懂JDK7 HashMap环的产生原理你来打我

JDK7对旧table数据重定位到新table的函数transfer如下，其中重点关注部分以标出。头插法正常情况下：并发情况下线程1只执行了Entry<K,V> next = e.next就被挂起了，而线程2正常执行完毕，结果图如下：线程1接着下面继续执行：通过逐步分析跟绘图可以知道红色部分会有环产生。 ...

sowhat 4244

如何创建一个Vue项目（Vue2脚手架的安装）

安装脚手架如何创建vue项目

m0_48806387的博客 1万+

分数间隔均衡器的基本原理及应用（使用Matlab）

通过对接收信号进行加权求和，分数间隔均衡器可以抵消信号在传输过程中受到的频率响应失真。Matlab提供了丰富的工具和函数，可以方便地实现分数间隔均衡器，并进行性能评估。分数间隔均衡器（Fractional Interval Equalizer）是一种数字信号处理技术，用于均衡带通信道中的信号失真。分数间隔均衡器的基本原理是通过对接收信号进行加权求和，以抵消信号在传输过程中受到的频率响应失真。分数间隔均衡器在通信系统中具有广泛的应用。最后，我们通过比较均衡后的信号和发送数据的阈值来进行解调，并计算误码率。

2301_79325657的博客 675

Vue+element如何创建一个项目？

我们在前端学习中，学会了HTML、CSS、JS之后一般会选择学习一些框架，比如Jquery、AngularJs等。今天司科总结的是如何创建一个Vue项目。相关技术：　　vuejs2.0：渐进式JavaScript框架，易用、灵活、高效，似乎任何规模的应用都适用。　　element：基于vuejs2.0的ui组件库。　　vue-router：一般单页面应用spa都要用到的前端路由。 ...

juzimvp的博客 2411

华为od 面试八股文_C++_04_含答案

MISAYAONE的博客 2472

读懂 SAP S/4HANA 里的 SAP Fiori 架构：前端服务器、搜索链路、传统应用接入与内容组织全景解析

摘要：SAP Fiori架构并非简单的系统连接图，而是明确区分界面层与业务数据层的三层分工体系：用户交互层（浏览器与Fiori launchpad）、前端技术层（SAPUI5运行环境）和业务数据层（SAP S/4HANA后端）。这种分离实现了生命周期解耦，前端专注于统一体验治理，后端处理核心业务逻辑。值得注意的是，SAP Fiori front-end server本质仍是ABAP系统，负责UI技术组件运行。虽然SAP S/4HANA推荐嵌入式部署，但独立部署在多系统场景中仍有价值。典型Fiori应用通过O

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 179

使用Vite创建一个vue项目

Vue.js是一个渐进式前端框架，凭借数据绑定和组件化开发优势，成为现代Web开发的热门选择。本文详细介绍了使用Vite创建Vue项目的步骤：首先检查Node.js版本（要求≥15），通过npm init vue@latest命令初始化项目（注意项目名使用小写），然后安装依赖并运行。针对可能出现的版本兼容问题，提供了升级Node.js或降级Vite两种解决方案，并给出了具体操作命令。最终成功运行后会显示默认Vue欢迎页面，完成项目搭建。该指南帮助开发者快速创建高效可维护的Vue工程。

weixin_65961975的博客 2142

蓝牙模块HM-10手册

蓝牙模块HM-10手册，该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

【Vue3】创建并运行一个简易的Vue3项目

本文介绍了如何创建并运行一个简易的Vue3项目，主要内容包括：环境配置：安装Node.js和Vue CLI，配置环境变量；创建Vue工程：通过命令npm create vue@latest创建项目，选择功能模块（如TypeScript、Prettier等）；目录分析：讲解工程目录结构，包括.vscode/extensions.json、public、src等关键文件；运行项目：通过npm run dev启动项目，访问index.html入口文件。适合初学者快速上手Vue3项目搭建与基础配置。

天天开心a的博客 2777

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

假人有限元模型

假人模型，车辆碰撞假人有限元模型，适合做乘员安全的研究者利用

创建vue项目的几种方式

最近一段时间在学习vuejs和element-ui、iview-ui这些前端知识，在创建vuejs项目时发现有几种不同的方法：使用vue-cli脚手架创建新vuejs项目用vue-cli脚手架可以快速的构建出一个前端vue框架的项目结构前提条件：已安装node可以正常使用npm命令，并全局安装vue-cli工具。 nodejs可以到nodejs官网下载最新的版本，根据自己的操作系统选择合适的...

ccf19881030的专栏 1万+

OV9734 DATASHEET，完整规格书

OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等

vs code 第一次创建前端项目 vuejs 从零开始

第一阶段虽然网上教程很多，但是还是记录一次完整的步骤 1.安装nodejs,网上一堆的教程，基本上下载后傻瓜式一路next 2.安装npm,网上一堆的教程，也是基本下载后傻瓜式一路next 3.安装完成运行cmd，查看是否安装成功 4.安装cnpm 由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像—cnpm。在命令行中输入...

jytlcl的博客 1万+

上一篇： VUE学习一、环境的安装

下一篇： VUE学习三、前端项目部署