第一步:从Github上克隆项目

可以直接用URL也可以下载压缩包,这里我直接下载压缩包

第二步:把下载好的压缩包另存到你想要的目录下,解压

第三步:选择以管理员身份运行IDEA

第四步:在package.json文件里修改scripts:

"scripts": {
    "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
     ……
  },

这里的“serve”也可能是“dev”,直接在“dev”后面修改即可。

如果少了这一步,直接install和run,可能出现的报错有:

npm install 安装出错,无法安装依赖

‘vite‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件

第五步:找到vue的文件夹(包含.vue的那个文件夹,即为图中的views文件夹,一般是放在src目录下,即src→views)

第六步:点击IDEA左下角的Terminal打开控制台,用cd命令进入到views文件夹下

第七步:执行命令npm install安装依赖,回车

第八步:安装好依赖后,执行命令npm run serve(或者npm run dev)

看你package.json文件scripts里是server还是dev,前者npm run serve,后者npm run dev。

第九步:运行成功后会有一个本地的端口连接,点击它(因为我事先安装过依赖了,图片里就少了npm install那一步)

第十步:成功打开浏览器界面。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐