Vue如何构建项目

小丑西瓜6662025-01-15 12:50

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