Vue如何构建项目

目录

1.安装Node.js

2.换源(建议)

3.选择一个目录

4.创建一个vue项目

5.验证是否成功


1.安装Node.js

安装18.3或更⾼版本的 Nodejs 点击下载->Node.Js中文网

复制代码
node -v
npm -v

安装好后在windows的cmd窗口下运行

如果能运行出结果就说明安装好了。

2.换源(建议)

复制代码
// 查看 npm 源
npm config get registry// 默认是指向 https://registry.npmjs.org/,也就是官⽅源
// 为了提⾼npm下载速度, 可以给npm换源
// 国内源有很多,我这⾥⽤淘宝源吧。毕竟是⼤公司,会⽐较稳定
npm config set registry https:
//registry.npmmirror.com
// 再⼀次查看 npm 源
npm config get registry

3.选择一个目录

tip:目录尽量别带中文和特殊字符(空格)

4.创建一个vue项目

首先在文件目录中打开cmd

复制代码
执⾏命令 npm create vue@latest

执行命令后就会提示出这些选项

随后用cmd窗口进入项目目录里下载依赖文件

复制代码
安装vue等模块依赖: npm i 

5.验证是否成功

复制代码
启动项⽬: npm run dev ,会开启⼀个本地服务器

将红色方括号内容复制,粘贴在网址栏中

打开

完成了一个Vue项目的构建

相关推荐
heartmoonq3 分钟前
npm 包抽象封装并发布完整指南
前端
红衣信3 分钟前
深入剖析 hooks-todos 项目:前端开发的实用实践
前端·react.js·面试
今禾3 分钟前
深入理解 JavaScript 事件监听机制
前端·javascript
FogLetter3 分钟前
从饼干到Cookie:前端存储的身份密码本
前端·javascript
Spider_Man7 分钟前
🎭 React受控与非受控组件:一场"控制权"的争夺战
前端·react.js
Mintopia12 分钟前
LOD:图形世界里的 “看人下菜碟” 艺术
前端·javascript·计算机图形学
黑客老李14 分钟前
EDUSRC:智慧校园通用漏洞挖掘(涉校园解决方案商)
服务器·前端·网络·安全·web安全
Code季风15 分钟前
SQL关键字快速入门:CASE 实现条件逻辑
javascript·数据库·sql
拾光拾趣录15 分钟前
Vue依赖收集机制:响应式原理的核心实现
前端·vue.js
Mintopia16 分钟前
Three.js ArrowHelper:三维世界里的 “方向向导”
前端·javascript·three.js