跨境派

跨境派

跨境派,专注跨境行业新闻资讯、跨境电商知识分享!

当前位置:首页 > 卖家故事 > Vue脚手架的安装(保姆级教程)

Vue脚手架的安装(保姆级教程)

时间:2024-04-02 15:00:59 来源:网络cs 作者:纳雷武 栏目:卖家故事 阅读:

标签: 教程  保姆  安装  脚手架 
阅读本书更多章节>>>>
Vue脚手架的安装(保姆级教程)

文章目录

Vue脚手架的安装(保姆级教程)1.下载vscode2.node下载5.Vue脚手架的安装6.创建Vue项目7.项目的运行

1.下载vscode

vscode下载地址

2.node下载

node下载

1.打开cmd

node -vnpm -v

在这里插入图片描述
2.在node的下载目录新建文件
node_global 和 node_cache
在这里插入图片描述

修改文件的权限
在这里插入图片描述

3.设置淘宝镜像

npm config set registry https://registry.npmmirror.com

4.查看淘宝镜像

npm config get registry

在这里插入图片描述

5.Vue脚手架的安装
npm install -g @vue/cli

在这里插入图片描述
测试安装是否成功

Vue -v

在这里插入图片描述

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

6.创建Vue项目

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

vue create my_project

在这里插入图片描述
选择vue2
在这里插入图片描述
此时项目创建成功

7.项目的运行

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

在这里插入图片描述
至此Vue的脚手架搭建完毕了。

阅读本书更多章节>>>>

本文链接:https://www.kjpai.cn/gushi/2024-04-02/152717.html,文章来源:网络cs,作者:纳雷武,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

文章评论