企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
1.首先我们需要下载node.js,之后,我们才可以使用npm包管理工具,安装过程这里就不详细介绍了。 2.其次,我们需要安装vue-cli脚手架构建工具,安装命令`npm install -g vue-cli`,等待安装完成。 ![](https://box.kancloud.cn/6b4d566a434a1d5914275e38ce9c4705_677x392.png) 3.接下来,就可以进入你要创建项目的目录。比如,我要将项目新建在D盘根目录 ![](https://box.kancloud.cn/89c980b1c232e7e765a19b2f8b4dae38_669x97.png) 你也可以进入你要创建项目的目录,按住shift键,点击鼠标右键选择“在此处打开命令窗口” ![](https://box.kancloud.cn/7892942bf2b4b59ad61a97351b06c5a6_240x331.png) 4.在命令行中运行命令 `vue init webpack testVue` ,testVue是你要新建的项目名,回车。 ![](https://box.kancloud.cn/81408049ac8cd84a85b8b68e283bf751_668x350.png) 运行命令的时候会要求输入项目名等信息,可根据自己的实际情况进行选择。 5.打开我们的工程目录,就可以看到这样子的目录结构 ![](https://box.kancloud.cn/7e46f6690f088489274542061d2c6771_1139x544.png) 6.之后这个项目下安装依赖包,运行命令 `npm install` ,注意,一定是要在项目文件夹下运行。 ![](https://box.kancloud.cn/88686ae6bcd0d0bf26270bba43ce5e7a_672x66.png) 7.安装好依赖之后,开始运行项目,输入命令`npm run dev` ![](https://box.kancloud.cn/1ac0c2660c54a09bce15f5c63239493b_668x316.png) 8.如果出现端口被占用,我们可以修改配置文件 config/index.js,修改成不常用的端口 ![](https://box.kancloud.cn/726627e19f86cd27bcdc239b7f2d1473_866x597.png) 9.然后在浏览器输入 127.0.0.1:8081,就可以看到我们运行的项目了 ![](https://box.kancloud.cn/01111ee1e594db53ecc2d9684f29de85_1787x844.png)