安装nodejs+vue cli

1、下载nodejs安装 https://nodejs.org/dist/v20.9.0/nodev20.9.0-x64.msi
在这里插入图片描述
2、修改npm 默认仓库地址,要修改taobao镜像npm 仓库地址

cmd命令npm config set registry https://registry.npm.taobao.org
在这里插入图片描述
3、安装最新vue脚手架vuecli(cmd下命令:npm install –g @vue/cli
(如果第3步安装cnpm可在cmd下命令:cnpm install –g @vue/cli
说明(如果你之前已经安装vuecli2 请先用命令:npm uninstallg vue-cli 卸载之前的vuecli2,否则不能使用vue create命令)
在这里插入图片描述

vue-cli创建项目

1、cmd运行vue ui打开chrome url:http://localhost:8000/project/select
在这里插入图片描述
修改目录后,点击创建项目
2、输入项目名称取消git 。并下一步

在这里插入图片描述
3、选择routervuex
在这里插入图片描述
4、选择vue2后,创建项目等待项目创建
5、安装插件 elementui.记得一定要点击完成安装,要不elementui 不会引入系统
在这里插入图片描述
在这里插入图片描述
6、vscode打开项目然后运行 npm run serve后, chrom打开页面http://localhost:8080/
在这里插入图片描述

原文地址:https://blog.csdn.net/heuzxl/article/details/134470100

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_25266.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注