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项目的构建

相关推荐
zwjapple6 小时前
docker-compose一键部署全栈项目。springboot后端,react前端
前端·spring boot·docker
像风一样自由20208 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
aiprtem9 小时前
基于Flutter的web登录设计
前端·flutter
浪裡遊9 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
why技术9 小时前
Stack Overflow,轰然倒下!
前端·人工智能·后端
幽络源小助理9 小时前
SpringBoot基于Mysql的商业辅助决策系统设计与实现
java·vue.js·spring boot·后端·mysql·spring
GISer_Jing9 小时前
0704-0706上海,又聚上了
前端·新浪微博
止观止9 小时前
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案
前端·pnpm·前端工程化·包管理器
whale fall9 小时前
npm install安装的node_modules是什么
前端·npm·node.js
烛阴9 小时前
简单入门Python装饰器
前端·python