快速开始前端开发

安装node环境

• 推荐先安装nvm(node环境管理工具)。

• 使用nvm安装node版本。

nvm install 20.13.1   # 安装node版本
nvm use 20.13.1       # 设置当前版本
nvm ls                # 查看当前版本

安装脚手架

• 设置默认终端

  如果使用的vscode环境，默认终端是powershell，请将默认终端设置为cmd

  设置方法：ctrl+shift+p, 调出命令窗口，输入"Select Default Profile"，选择目标“Command Prompt”后，关闭现有终端重新打开即可。

• 安装脚手架

# 全局安装鲸舰前端脚手架
npm install jingjian-cli -g

• 设置仓库

npm config set registry https://packages.aliyun.com/64f7e68ddba61e96ebf65de8/npm/jingjian/
npm login
# 登录账户为：632eeab03f2f1f84c2493309，密码找管理员获取

创建一个demo功能包

• 安装完插件和脚手架后，进入项目根目录，使用脚手架命令创建项目：jingjian-cli create
• 选择 鲸舰-后台功能包
• 然后输入项目的名字，名字以 jingjian-backend- 开头，后面跟功能名字，比如本例为 jingjian-backend-demo

初始化项目的依赖环境

进入jingjian-backend-demo目录，执行npm install 安装依赖

由于项目模板不一定使用的最新依赖，所可以使用 鲸舰-vscode插件，将依赖更新到最新

运行项目

右击新建的项目，点击鲸舰-运行，也可以运行:npm run dev运行

进入以下窗口，则表示运行正常

点击Demo菜单，即可进入Demo页面

AQ：

A：在npm install时，如果出现连接npm.jingjianx.vip地址，并且安装失败。
Q：npm.jingjianx.vip为项目初期的旧仓库，该仓库已停用，新仓库为：https://packages.aliyun.com/64f7e68ddba61e96ebf65de8/npm/jingjian/
解决方法：请将功能包目录下的"package-lock.json", "yarn.lock", "node_modules"目录删除后，重新npm install。

---

A：出现vue-tsc编译时报错。
Q：升级vue-tsc的版本到2.0.26。

npm install vue-tsc@2.0.26