开发者空间搭建Vue3开发环境【华为开发者空间】

举报
福州司马懿 发表于 2024/12/16 12:01:41 2024/12/16
【摘要】 安装nodejs首先,打开终端node --versionnpm --version可以发现云主机已经默认帮我们安装好了nodejs的环境了,版本是 18.20.3如果没有预装nodejs,可以去官网下载并安装:https://nodejs.org/ 安装cnpmcnpm 是 npm 的一个替代工具,用来更快速地安装 Node.js 包。它是由淘宝团队提供并维护的一个工具,主要用于解决 n...

安装nodejs

首先,打开终端

node --version
npm --version

图片.png

可以发现云主机已经默认帮我们安装好了nodejs的环境了,版本是 18.20.3

如果没有预装nodejs,可以去官网下载并安装:https://nodejs.org/

安装cnpm

cnpm 是 npm 的一个替代工具,用来更快速地安装 Node.js 包。它是由淘宝团队提供并维护的一个工具,主要用于解决 npm 在使用时可能遇到的一些问题,比如网络问题。

如果直接使用命令 npm install -g cnpm 可能很久都安装不上

图片.png

你可以使用下面的命令:

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

这条命令会全局安装 cnpm,并且设置淘宝的 npm 镜像仓库作为默认仓库,以便加速 npm 包的下载。

图片.png

这里安装 cnpm 的时候报错了,使用 cnpm --version 才发现,原来 cnpm 默认已经给你装好了

图片.png

安装Vue3

VUE的官网地址为:https://cn.vuejs.org/

图片.png

使用如下命令创建vue项目

cnpm create vue@latest

图片.png

图片.png

根据上面末尾的提示执行命令(把 npm 替换为 cnpm,其他不变)

cd vue3-demo
cnpm install
cnpm run format
cnpm run dev

图片.png

图片.png

图片.png

cnpm run dev 表示运行程序,按住ctrl,鼠标点击对应链接即可调用firefox浏览器打开网页

图片.png

至此Vue3的开发环境就搭建完毕了

我正在参加【有奖征集 第34期】华为开发者空间一行代码快速上云,参与视频、文章投稿赢2000元开发者礼包
链接:https://bbs.huaweicloud.com/blogs/438987

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。