0-1搭建vue项目工程

一、下载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

相关推荐
paopaokaka_luck1 小时前
基于springboot+vue的智慧家政管理系统(AI问答、 WebSocket实时沟通、ECharts运营分析、订单规则与服务追踪)
java·javascript·spring boot·数据分析·echarts·mybatis
sm_926787051 小时前
RFID 标签打印的技术实现要点与二次开发实践
java·大数据·前端·c++·编辑器
IMPYLH2 小时前
HTML 的 <video> 元素
前端·html
溪语流沙2 小时前
【每天一个CSS | Day19】流光文字与一笔写成的手写签名
前端·javascript·css
逐光者9332 小时前
STM32——SPI 屏 · Flash · 高速
java·前端·stm32
To_OC3 小时前
同样是让 AI 写全栈,为什么别人一句话就够了
前端·前端框架·next.js
CDwenhuohuo3 小时前
electron pc项目打包成桌面端
前端·javascript·electron
前端大斗师3 小时前
「大于 1000」把 1000 元那单也算进去了:我在 Vue3 订单页对了 10 句话
前端·人工智能·typescript·大模型·原力计划
Jmyd01233 小时前
用 Web VR 引擎搭建 3D 虚拟展厅:从素材上云到多端实时渲染的完整数据链路
前端·3d·vr·三维数字化
刘天远4 小时前
Agent成本核算实现:事件表、状态分布与Python归集
前端·数据库·人工智能·python