Skip to main content

开发环境搭建

环境搭建

1.安装node

💡
推荐使用v20.19.5
下载地址 https://nodejs.org/download/release/v20.19.5/

推荐使用:nvm node多版本管理工具

版本检查,打开控制台,输入以下命令:

node -v

2.切换npm源

为了加速安装依赖,将npm源地址切换为阿里源,打开控制台,输入以下命令:

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

检查是否设置成功,在控制台中输入以下命令:

npm config get registry

3.安装全局依赖

3.1 window用户:打开控制台输入以下命令

npm install -g cloudcc-cli
 

检查是否安装成功,控制台输入以下命令:

npm ls -g --depth=0

3.2 MacOS用户:打开控制台输入以下命令

sudo npm install -g cloudcc-cli
 

检查是否安装成功,控制台输入以下命令:

sudo npm ls -g --depth=0

4.安装vs-code

下载地址:https://code.visualstudio.com/download

5.安装vs-code插件:CloudCC

  • 打开安装完成的vs code,点击扩展图标
  • 输入CloudCC,选择安装

6.创建模版项目

打开控制台,进入您的开发目录,比如Docments,运行创建项目命令:

cc create project demo1
  • 使用vs code打开项目
  • 选择菜单里中的:终端——新建终端
  • 安装依赖:在打开的终端里输入以下命令:
npm i
  • 安装完成后,运行项目,在终端中执行命令
npm run serve

浏览器访问:http://localhost:8080/,可以看到以下页面