本文介绍了如何通过全局安装vue-cli创建uni-app项目。首先，使用npm命令行工具安装vue-cli，如果遇到问题，建议更新node.js。然后，可以使用WebStorm等前端开发工具初始化项目，选择uni-app模板，最后运行`npm run serve`启动项目，访问本地http://localhost:8080/查看运行效果。
全局安装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组件，看到以下效果即可成功，效果如下：
扫一扫
1872
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
