ionic环境搭建

一、安装node.js

下载安装nodejs
打开nodejs官网,点击硕大的绿色Download按钮,它会根据系统信息选择对应版本(.msi文件)。

node.js插件在windows系统下是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm命令。

然后在cmd命令输入: node -v 查看安装是否成功
这里写图片描述

二、安装cnpm

在命令窗口中输入:npm install cnpm -g–registry=https://registry.npm.taobao.org

安装完毕输入:cnpm -v 验证安装是否成功
这里写图片描述

由于npm安装插件是从国外服务器下载,受网络影响很大,可能出现异常,继而淘宝团队生产了一个完整的npmjs.org镜像,用cnpm代替npm,以后直接就可以使用cnpm了。

三、安装cordova 与 ionic

在命令窗口中输入:cnpm install -g cordova [email protected]

安装成功后输入:ionic -v 查看安装的版本
这里写图片描述

四.安装开发环境Visual Studio Code
五、创建项目

在cmd命令处输入:ionic start myApp tabs
或者打开Visual Studio Code,打开终端,在终端处输入命令

这里写图片描述

启动项目输入:ionic serve,出现如下图错误
这里写图片描述
错误:抱歉,ionic serve 只可以运行在一个ionic项目目录下。

解决:输入cd .\myApp,如下图:
这里写图片描述

接着再输入ionic serve,即可成功,出现下图页面:
这里写图片描述

猜你喜欢

转载自blog.csdn.net/renmengmeng520/article/details/80377861
今日推荐