用 Vue CLI 命令创建 uniapp 项目

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

macos 用户可以打开终端,windows 用户可以使用完整版的 cmder。确定你的系统上已经安装了 node.js 。

我们可以使用 vue cli 去创建一个 uniapp 项目。 先在全局安装一下 vue-cli。 用 npm 这个工具,执行一下 npm install @vue/cli --global 。 安装完成以后,你就可以执行 vue 这个命令了。可以执行一下 vue --help , 会显示这个命令的使用帮助。

下面我们用这个工具去创建一个 uniapp 项目,先进入到想要保存项目的地方,比如我们的桌面上。跟创建一个普通的 vue 项目一样,用一下 vue create 加上 --preset 这个选项,设置一下项目的预设,这里我们可以使用 uniapp 提供的预设,名字是 dcloudio/uni-preset-vue ,把项目放在 ninghao-uniapp 这个目录的下面。

vue create 会下载我们选择的项目预设,这里提示我们可以选择一个模板,可以选择默认的模板,回车确定一下。命令会帮我们把项目的依赖准备好。

完成以后可以进入到项目目录,ninghao-uniapp ,执行一下 yarn serve 或者 npm run serve ,可以运行项目的 web 版的开发服务。

复制一下生成的这个服务器地址,打开浏览器,访问一下这个地址,这里显示的就是 uniapp 的欢迎界面。

用 Vue CLI 命令创建 uniapp 项目《 uniapp 跨平台小程序:准备开发 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点