Vue——开发前的准备和创建一个vue的工程

文章目录

前言

本篇博客主要讲解Vue开发前的环境配置与一些说明。

安装 Node js

环境需要安装配置一个nodejs 的环境。

vue3 最低nodejs 版本要求为 15.0

1、下载node.js

下载 node.js,可以从下面的官方链接中下载。

https://nodejs.cn/download/

具体安装,可以参考疆~ npm和cnpm(windows)安装步骤,下面摘抄部分主要注意点。

2、安装node.js

3、查看是否安装成功

创建 vue 工程

在项目工程目录中打开shell操作台,输入下面的命令,新建项目工程。

npm init vue@latest

这一个指令将会安装并执行create-vue,它是vue官方项目的脚手架工具。

输入后,则会有一些选择项。

第一个测试案例,除了设置项目名称外,其他选择为no(直接回车,默认no)即可,如下所示:

按照给出的命令提示,分别执行。

Visual Studio Code 配置

下载安装 Visual Studio Code ,打开上述常见的项目工程文件夹。在Visual Studio Code中需要查看是否安装Volar插件。

目录结构

相关推荐
donecoding几秒前
Corepack 完全解析:从懵到懂,包管理器自由了
前端·node.js·前端工程化
yqcoder4 分钟前
端经典面试题:为什么 0.1 + 0.2 !== 0.3?
前端·css
ZC跨境爬虫9 分钟前
跟着 MDN 学 HTML day_12:(HTML网页图片嵌入)
前端·javascript·css·ui·html
光影少年15 分钟前
reeact虚拟DOM、Diff算法原理、key的作用与为什么不能用index
前端·react.js·掘金·金石计划
用户0595401744620 分钟前
大模型记忆存储踩坑实录:LangChain 的 ConversationBufferMemory 让我排查了 6 小时
前端·css
是上好佳佳佳呀27 分钟前
【前端(十二)】JavaScript 函数与对象笔记
前端·javascript·笔记
你真的快乐吗42 分钟前
@fuxishi/svg-icon:一个 Vue 3 svg本地图标+iconify图标组件库,让图标管理不再头疼
前端·vue.js·typescript
Rkgua1 小时前
ESModule和Commonjs模块的区别
前端·javascript
江南十四行1 小时前
ReAct Agent 基本理论与项目实战(二)
前端·react.js·前端框架
用户600071819101 小时前
【翻译】React 如何乱序流式输出 UI,却仍保持最终顺序
前端