Vue脚手架的安装（保姆级教程）

7月前作者：code袁分类：Toy博客阅读(38) 违法举报

这篇具有很好参考价值的文章主要介绍了Vue脚手架的安装（保姆级教程）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Vue脚手架的安装（保姆级教程）

1.下载vscode

vscode下载地址

2.node下载

node下载

1.打开cmd

node -v

npm -v

Vue脚手架的安装（保姆级教程）
2.在node的下载目录新建文件
node_global 和 node_cache

修改文件的权限
Vue脚手架的安装（保姆级教程）

3.安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

Vue脚手架的安装（保姆级教程）

5.Vue脚手架的安装

npm install -g @vue/cli

Vue脚手架的安装（保姆级教程）
测试安装是否成功

Vue -v

Vue脚手架的安装（保姆级教程）

到这为止，Vue 脚手架已经安装完成了。但是有两个概念需要区分开：
我们学习的 Vue 版本的 2.X，脚手架的版本是 4.5.12
Vue 可以理解为中式建筑风格，经过更新升级，现在是 2.X 版本
Vue 脚手架可以理解为盖房包工队，也在不断改造，现在是 4.5.12

6.创建Vue项目

在自己新建的文件下，用cmd打开

vue create my_project

Vue脚手架的安装（保姆级教程）
选择vue2

此时项目创建成功

7.项目的运行

直接将项目拖到vscode里面，
在终端中输入 npm run serve

Vue脚手架的安装（保姆级教程）
至此Vue的脚手架搭建完毕了。文章来源地址https://www.toymoban.com/news/detail-492726.html

到了这里，关于Vue脚手架的安装（保姆级教程）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Vue--》超详细教程——vue-cli脚手架的搭建与使用

目录 vue-cli vue-cli 的安装 (可能出现的问题及其解决方法) vue-cli 创建 Vue 项目

2024年01月17日
浏览(38)
FullyQualifiedErrorId : CommandNotFoundException（vue 报错，已安装了vue脚手架）

可能是因为你的node路径更换位置了，需要重新配置环境变量。在搜索栏中搜索vue.cmd 复制路径，然后在系统环境变量 path 中添加 vue.cmd 的路径保存。就 OK 了。

2024年02月08日
浏览(40)
mac下安装vue cli脚手架并搭建一个简易项目

1、确定本电脑下node和npm版本是否为项目所需版本。 2、下载vue脚手架 3、创建项目如果有node，打开终端，输入node -v和npm -v , 确保node和npm的版本，(这里可以根据自己的需求去选择，如果对最新版本的内容有要求，也可以选择最新版本)如果没有node，可以点击nodejs官网去下载

2024年02月15日
浏览(53)
Vue | （三）使用Vue脚手架（上） | 尚硅谷Vue2.0+Vue3.0全套教程

学习链接：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通，本文对应p61-p69，博客参考尚硅谷公开笔记，补充记录实操。 Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。 CLI ：command line interface（目前已经维护了，但也试一试）全局安装： npm config set registry https:/

2024年02月20日
浏览(32)
Vue | （三）使用Vue脚手架（下）| 尚硅谷Vue2.0+Vue3.0全套教程

学习链接：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通，本文对应p79-p95，博客参考尚硅谷公开笔记，补充记录实操。区别于JS里的内置事件。一种组件间通信的方式，适用于：子组件 === 父组件使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自

2024年02月22日
浏览(43)
使用npm install -g @vue/cli 命令安装最新的脚手架与Vue版本不匹配的问题

使用npm install -g @vue/cli 命令安装最新的脚手架创建项目时不要选择Vue版本，让它默认选择（默认选择 Vue2）否则会出现 vue版本和脚手架版本vue-cli 不兼容的问题（怪哉）脚手架兼容vue2 不兼容vue3 ？不理解，记录一下，后续整理 Vue-cli版本 vue 版本创建项目时，选择默认不要

2024年02月12日
浏览(41)
快速搭建Electron+Vite3+Vue3+TypeScript5脚手架 (无需梯子，快速安装Electron)

Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入 Chromium 和 Node.js 到二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发经验(这段话是来自官网)。根据vite官网文档项目创建完成后进

2024年02月02日
浏览(83)
Vue（Vue脚手架）

Vue官方提供脚手架平台选择最新版本：可以相加兼容的标准化开发工具（开发平台）禁止：最新的开发技术版本和比较旧版本的开发平台 Vue CLI 🛠️ Vue.js 开发的标准工具 https://cli.vuejs.org/zh/ c：cmmand l：line i：interface 命令行接口工具在cmd中查看vue是否存在cli 全局安

2024年02月01日
浏览(33)
Vue 脚手架

├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │── main.js: 入口文件 ├── .gi

2024年03月24日
浏览(34)
使用Vue脚手架

(193条消息) 第 3 章使用 Vue 脚手架_qq_40832034的博客-CSDN博客说明 1.Vue脚手架是Vue官方提供的标准化开发工具（开发平台） 2.最新的版本是4.x 3.文档Vue CLI脚手架（命令行接口）具体步骤 1.如果下载缓慢请配置npm淘宝镜像 npm config set registry http://registry.npm.taobao.org 2.全局安装 @v

2024年02月13日
浏览(49)