0-1搭建vue项目工程

news2024/11/24 8:37:23

一、下载node.js

简单介绍:

Node.js是一个基于V8引擎的JavaScript运行时环境,它允许开发者在服务器端使用JavaScript进行开发。Node.js是一个非常强大的工具,可以帮助开发者构建高性能、可扩展的Web应用程序,并且可以与各种技术进行集成,使得开发变得更加高效和便捷。

Node.js对vue的作用体现以下几方面:

  1. 服务器端渲染:Vue.js是一个前端框架,通常用于在客户端渲染Web应用程序。但是,有时候在服务器端进行渲染是必要的,例如在搜索引擎优化(SEO)方面。Node.js可以作为服务器端渲染的解决方案,与Vue.js配合使用,实现前后端的数据交互。
  2. 构建工具:Vue.js本身提供了一些构建工具,如vue-cli,它可以帮助开发者快速创建、构建和测试Vue.js应用程序。而Node.js则可以提供一些包和模块,例如Express.js,用于处理服务器端的路由、中间件等。
  3. 部署和发布:使用Node.js可以方便地将Vue.js应用程序部署到服务器上,并且可以通过NPM(Node Package Manager)发布Vue.js应用程序,使得其他开发者可以轻松地获取和使用你的代码。

下载 | Node.js

打开开发工具(以vscode为例)

查看下安装的版本,显示已经安装成功

 二、创建vue工程

 1.利用安装的node.js里的一个npm包管理器来全局安装一个vue 的脚手架(vue-cli),它的作用是能够创建新的Vue应用程序,并且可以自动生成Vue和Webpack的项目模板

npm install -g @vue/cli

如果脚手架安装的慢可以先npm的注册表设置为淘宝的npm镜像,可以获得更快的包下载速度和更好的服务稳定性。

npm config set registry=http://registry.npm.taobao.org

2.创建vue工程并且先给这个工程取一个名字,例如vue-project

vue create vue-project

输入回车后会显示一个创建页面,需要你选择vue的版本(vue3 vue2 手动选择

 选择vue2版本等待搭建成功这个工程

 看下目录,发现已经给我们创建了这些目录工程文件

3.直接使用命令运行这个服务

npm run serve

 

 

 

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/848846.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

使用appuploader工具流程(Windows版本)

转载:使用appuploader工具流程(Windows版本) 目录 转载:使用appuploader工具流程(Windows版本) 一.登录apple官网,注册账号 二.下载Appuploader和登录 三.bundle ID 四.设备管理 五.证书管…

【python】 油管外挂字幕下载位srt歌词字幕文本文件

【python】 油管外挂字幕下载位srt文本文件 案例截图 案例代码 # python程序,可以下youtube视频的字幕文件。输入一个视频的url,就会下载它的字幕文件到一个文件夹里。 # Author WeChat:****请私信, # Date:2023-8-2, # Email:ack1024#hotmail.com # 本…

全国首创!法大大助力深圳率先在企业开办领域引入音视频双录签名模式

为了进一步规范市场主体登记行为,提高企业办事便利度,近日深圳引入录音录像双录签名新模式,实现用户无介质全流程快捷申报,进一步降低了开办企业成本,为企业开办注入加速度。 无需法人、监事等企业负责人再到业务办理大…

Python - series和dataframe的关系

目录 1 series和dataframe的关系 2 创建一个df 3 用index过滤不同行 4 用row 过滤 5 用series构建dataframe 1 series和dataframe的关系 类似集合与元素的关系DataFrame中的一行or一列的取值,返回的结果都是series通过几个series,可以创建一个da…

Redis的安装方法与基本操作

目录 前言 一、REDIS概述 二、REDIS安装 1、编译安装 2.yum安装 三、Redis的目录结构 四、基础命令解析 五、在一台服务器上启动多个redis 六、数据库的基本操作 (一)登录数据库 (二)基础命令 七、Redis持久化 (一&…

【EI复现】梯级水光互补系统最大化可消纳电量期望短期优化调度模型(Matlab代码实现)

💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势:🌞🌞🌞博客内容尽量做到思维缜密,逻辑清晰,为了方便读者。 ⛳️座右铭&a…

Tomcat线程池原理

1. 一个 SpringBoot 项目能同时处理多少请求?tomcat容器, 200 次。 2. 怎么来的? 而点击这些线程,查看其堆栈消息,可以看到 Tomcat、threads、ThreadPoolExecutor 等关键字 基于“短时间内有 200 个请求被立马处理…

【Docker】Docker中network的概要、常用命令、网络模式以及底层ip和容器映射变化的详细讲解

🚀欢迎来到本文🚀 🍉个人简介:陈童学哦,目前学习C/C、算法、Python、Java等方向,一个正在慢慢前行的普通人。 🏀系列专栏:陈童学的日记 💡其他专栏:CSTL&…

Java课题笔记~ 关于错误与异常

非检查异常(unckecked exception):Error 和 RuntimeException 以及他们的子类。javac在编译时,不会提示和发现这样的异常,不要求程序员必须处理这些异常。在运行阶段,倘若发生Error则虚拟机几乎崩溃,倘若发生RuntimeEx…

会这个Python的测试员,工作都不会太差!

Python语言得天独厚的优势使之在业界的火热程度有增无减,尤其是在经历了互联网,物联网,云计算,大数据,人工智能等浪潮的推动下,其关注度,普适度一路走高。 对于测试人员来说,很多人…

2023上半年京东吸尘器行业品牌销售排行榜(京东数据挖掘)

如今,伴随生活节奏加快、懒人经济兴起,致力于解放双手的清洁类电器产品愈加受到用户青睐。作为清洁类电器行业的细分品类之一,在懒人经济的市场红利下,吸尘器也受到不少用户的喜爱。不过在扫地机器人、洗地机等新兴品类的冲击下&a…

华三H3C S5120V3交换机的配置之组建IRF

IRF(Intelligent Resilient Framework,智能弹性架构),是华三交换机实现虚拟堆叠的一种技术,其核心思想是将多台交换机连接在一起,虚拟成一台交换机,进而实现统一管理。和传统的堆叠概念不同&…

基于连续Ziegler_Nichols的频域响应pid整定

连续Ziegler_Nichols的频域响应pid整定 Ziegler_Nichols频域响应pid整定的方法是基于稳定性分析的频域响应pid整定方法。该方法整定的思想是:对于给定的被控对象传递函数,可以得到其根轨迹,对应穿越Jw轴的点,增益即为Km&#xff…

【Java可执行命令】(二十)堆转储快照文件及堆信息查看工具 jmap:生成多格式堆转储文件、打印类加载器信息及查看共享对象映射信息 ~

Java可执行命令之jmap 1️⃣ 概念2️⃣ 优势和缺点3️⃣ 使用3.1 语法格式3.2 生成堆转储文件3.3 执行jmap命令查看内存使用情况3.4 执行jmap命令打印对象统计信息 4️⃣ 应用场景🌾 总结 1️⃣ 概念 jmap 是 Java Development Kit(JDK)自带…

【Kubernetes】Kubernetes之YAML文件详解

YAML 一、YAML 的概述1. Kubernetes 支持资源管理格式2. YAML 语法格式 二、YAML 文件1. 如何获取 api 资源相关信息2. 编写资源配置文件2.1 手动编写 yaml 文件详解K8S中的port 2.2 使用镜像生成 yaml 文件2.3 根据现有资源导出 yaml 文件 总结1. 如何获取资源清单文件&#x…

[LeetCode - Python]349. 两个数组的交集(Easy);350. 两个数组的交集 II(Easy)

题目: 349. 两个数组的交集(Easy) 代码 1.哈希表 set清重 两次遍历: class Solution:def intersection(self, nums1: List[int], nums2: List[int]) -> List[int]:dict {}ret []for i in set(nums1) :if i not in dict:dict[i] 0 for j in …

selenium+python —— 实现基本自动化测试

安装selenium 打开命令控制符输入:pip install -U selenium 火狐浏览器安装firebug:www.firebug.com,调试所有网站语言,调试功能 Selenium IDE 是嵌入到Firefox 浏览器中的一个插件,实现简单的浏览器操 作的录制与回…

centos7 ESXi 磁盘扩充容量

1、背景 有一天,突然程序报空间不足了。。。。。。 2023-06-23 02:26:51.631 UTC [26190] LOG: could not open temporary statistics file "pg_stat_tmp/global.tmp": No space left on device 2023-06-23 02:26:51.631 UTC [26190] LOG: could not …

恒运资本:2倍牛股突然闪崩,业绩创新高股出炉,最高日赚近2亿

上半年哪些公司净利润有望创前史新高? 2倍牛股单季成绩环比下滑,早盘股价大跳水 A股半年报进入发表高峰期,仅8月7日晚间,就有超30家公司发表半年报和成绩预告状况,超七成净利润同比增加。净利润增速最高的是翔港科技&…

基于Spring Boot的影视点播网站设计与实现(Java+spring boot+MySQL)

获取源码或者论文请私信博主 演示视频: 基于Spring Boot的影视点播网站设计与实现(Javaspring bootMySQL) 使用技术: 前端:html css javascript jQuery ajax thymeleaf 微信小程序 后端:Java springboot…