全局安装vue-cli
win+R,输入cmd,输入:npm install -g @vue/cli,如npm提示语句有问题,请提前安装最新版node.js。官方地址:https://uniapp.dcloud.io/quickstart-cli

也可以通过前端开发工具来初始化项目,比如我使用的是JetBrains WebStorm,创建一个文件夹uniApp,通过编辑器打开改文件夹,然后在Terminal面板输入命令:vue create -p dcloudio/uni-preset-vue my-project

选择模板初始化模板,只是目录结构不一样,其他都一样,这里先选择默认模板吧,使用键盘上下键选择。

初始化成功后会加载相应目录,转到cd my-project文件夹,输入 $ npm run serve即可运行,我这个直接使用JetBrains WebStorm重新打开my-project文件夹,直接输入npm run serve即可


登录地址http://localhost:8080/ ,项目依已经默认引用了view相关UI组件,看到以下效果即可成功,效果如下:

本文介绍了如何通过全局安装vue-cli创建uni-app项目。首先,使用npm命令行工具安装vue-cli,如果遇到问题,建议更新node.js。然后,可以使用WebStorm等前端开发工具初始化项目,选择uni-app模板,最后运行`npm run serve`启动项目,访问本地http://localhost:8080/查看运行效果。
2275





