要使用vue脚手架来创建一个项目的步骤

张开发
2026/4/5 1:51:07 15 分钟阅读

分享文章

要使用vue脚手架来创建一个项目的步骤
1、安装node.js1.1、node.js的作用1.1.1、自带包管理器node.js是npm和yarn的运行环境没有node.js就运行不了npm命令和yarn命令。1npm是官方的node.js自带的负责下载安装各种软件包。2 yarn不是自带的也负责下载安装各种软件包只是速度更快、更稳定。1.1.2、用JavaScript语言也可以在node.js这个运行环境上写后端1.1.3、前端工程化的基础你装 Vue CLI、创建项目、npm run dev 启动、打包上线所有命令背后全是 Node.js 在干活1.2、node.js的安装1.2.1、进入官网https://nodejs.org/zh-cn/下载LTS 版长期稳定版。1.2.2、全程默认选项安装1.2.3、验证安装成功2、安装Vue CLI(Vue CLI是帮你快速搭 Vue 项目的脚手架工具)2.1、安装有两种方式1、yarn global add vue/cli因为没有安装yarn的原因使用这个会报错2、npm i vue/cli -g2.2、查看是否安装成功3、创建项目3.1、先找到要创建项目的位置然后按住shift键右击选择在PowerShell打开3.2、输入创建命令3.3、系统提示下载镜像源是国外的是否换为国内选是3.4、根据自己需要选择使用vue2还是vue34、启动项目4.1、进入到项目里4.2、运行项目4.2.1、运行有两种方式1、yarn serve因为我们没有安装yarn所以使用yarn serve会报错2、npm run serve

更多文章