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插件。

目录结构

相关推荐
一 乐12 小时前
点餐|智能点餐系统|基于java+ Springboot的动端的点餐系统小程序(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·小程序·论文
视图猿人12 小时前
RxJS基本使用及在next.js中使用的例子
开发语言·javascript
bitbitDown13 小时前
从零打造一个 Vite 脚手架工具:比你想象的简单多了
前端·javascript·面试
liangshanbo121513 小时前
CSS 数学函数完全指南:从基础计算到高级动画
前端·css
码上成长14 小时前
GraphQL:让前端自己决定要什么数据
前端·后端·graphql
冴羽15 小时前
为什么在 JavaScript 中 NaN !== NaN?背后藏着 40 年的技术故事
前端·javascript·node.js
久爱@勿忘15 小时前
vue下载项目内静态文件
前端·javascript·vue.js
前端炒粉15 小时前
21.搜索二维矩阵 II
前端·javascript·算法·矩阵
合作小小程序员小小店15 小时前
web网页开发,在线%台球俱乐部管理%系统,基于Idea,html,css,jQuery,jsp,java,ssm,mysql。
java·前端·jdk·intellij-idea·jquery·web
不爱吃糖的程序媛15 小时前
Electron 应用中的系统检测方案对比
前端·javascript·electron