宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取
以下教程是在观看ionic安装在线教程的视频后拍摄的,并通过了专业测试。 简要说明步骤,然后查看详细的屏幕快照安装配置过程。
简单步骤:
请安装nodejs (官方网站: https://nodejs.org/en/)
2 .淘宝镜像命令的安装: NPM安装- gcn pm– registry=https://registry.NPM.Taobao.org
安装ionic命令3360cnpminstall-gionic@测试程序
4 .将全局npm设置为从国内源加载:修改配置文件(安装的节点路径下的nodejs\node_modules\npm\npmrc文件) npmrc,然后在文件的末尾添加
5 .在项目文件夹中初始化项目指令: ionic start demo –v2
6 .在项目文件中运行ionic环境服务命令: ionic serve
文字输入的详细步骤:
1 .打开cmd,以管理员身份运行
2 .复制复制命令NPM安装- gcn pm—-注册=https://注册. NPM.Taobao.org
(请注意安装的node版本不要太旧,并立即更新。)
确认安装是否成功,输入命令cnpm -v显示版本号。 如果显示版本号,则表示安装成功
使用cnpm安装Ionic,命令cnpminstall-gionic@贝塔
4 .设置全球npm从国内来源加载
1 )配置文件的更改(找到了安装节点路径下的节点模块\ NPM\npmrc文件) NP MRC
2 )可以打开sublime或记事本,修改文件内容,添加配置registry=http://registry.CNP mjs.org
为了保存ionic项目文件,在你的电脑本地创建新文件。 例如,我将创建一个新的ionicProj文件。
再次打开cmd,进入ionicProj文件下
尝试初始化项目,然后输入命令: ionic start demo –v2
如果发现有这个步骤,会催促创建ionic账户(便于ios开发的账户),除了y以外的情况下想注册输入n
创建完成后,将在本地显示以下文件
6 .测试刚才的新项目,终端进入demo文件夹,使用命令ionic serve启动demo项目
如果来了下面的屏幕截图,在这里卡住了,意味着可以选择正在运行的服务器地址(1、2、3、4 ),在Address Selection:上输入localhost
然后,自动调用你的chrome浏览看demo效果:
极速赛车五码稳赢技巧.com/origin/106b0003a78c1acb87f3?from=pc”>
再次打开cmd,进入ionicProj文件下
尝试初始化项目,然后输入命令: ionic start demo –v2
如果发现有这个步骤,会催促创建ionic账户(便于ios开发的账户),除了y以外的情况下想注册输入n
创建完成后,将在本地显示以下文件
6 .测试刚才的新项目,终端进入demo文件夹,使用命令ionic serve启动demo项目
如果来了下面的屏幕截图,在这里卡住了,意味着可以选择正在运行的服务器地址(1、2、3、4 ),在Address Selection:上输入localhost
然后,自动调用你的chrome浏览看demo效果: