type
status
date
slug
summary
tags
category
icon
password
前言：嗨嗨嗨，迫不及待了吧，开始吧，我们的Vue之旅(｡･∀･)ﾉﾞ
Vue脚手架搭建
前置准备
确保你安装过这些工具
为你搭建脚手架保驾护航🥰
- Node.js 必需的环境 安装最新版Node.js。
- npmmirror 源淘宝NPM镜像源，替换官方自带镜像
- git 必需的环境 版本控制，管理代码。
- Vscode 方便后续操作非必需
1. 安装 Node.js 和 npm
首先确保你的计算机上安装了 Node.js 和 npm（Node.js 的包管理器）。你可以访问上述链接下载并安装最新版本的 Node.js，它会自动包含 npm。
安装完成后，可以通过命令行工具检查 Node.js 和 npm 是否安装成功：
这两个命令应该分别返回已安装的 Node.js 和 npm 的版本号。
2. 全局安装 Vue CLI
接下来，你需要全局安装 Vue CLI。打开命令行工具，输入以下命令：
这将下载并安装 Vue CLI 到你的系统中。安装完成后，你可以通过下面的命令验证安装是否成功：
3. 安装太慢/或者失败怎么办？
别急，按照我的经验，一般是两个问题
1.下载太慢，导致断联，我们可以切换镜像
复制上面代码到cmd终端，切换原淘宝镜像
再继续执行上一步，不过我们此时要在前面加上c
2.ssl证书相关问题。类似“SSL certificate problem”或“unable to get local issuer certificate”的错误。
我们有很多解决方法，下面目前使用临时禁用 SSL 验证来绕过这个问题。其他方法自行百度
请注意，这种方法不推荐用于生产环境，因为它会降低安全性。
对于 npm：
对于 cnpm：
禁用之后继续执行下载命令，重新安装，并且开启ssl证书验证
对于 npm：
对于 cnpm：
4. 创建一个新的 Vue 项目
首先创建一个空文件夹，在文件夹shift+鼠标右键，
打开powershell窗口，执行命令
这里的
my-vue-app 是你项目的名称，你可以根据自己的需要更改。运行上述命令后，Vue CLI 会询问你一系列的问题，选择vue2即可
稍等片刻，项目搭建完成
5.在vscode运行脚手架环境
将整个项目文件拉拽到vscode中，在vscode上找到终端
或者鼠标右键在资源管理器点击在集成终端打开
电脑如果没有yarn，使用下面代码
如果有yarn，下面两个命令二选一
运行后，这将编译项目并在本地启动一个开发服务器，默认情况下可以在浏览器中通过
http://localhost:8080 访问你的应用。
参照以上操作，希望你的项目能够顺利搭建🥰🥰🥰
有关vue安装或者使用上的问题，欢迎您在底部评论区留言，一起交流
- Author:ZELUO
- URL:https://www.myzeluo1270online.top//article/example-7
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!