宝塔服务器面板,一键全能部署及管理,送你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效果:

安装淘宝镜像(树莓派安装使用淘宝镜像)-风君子博客