如何安装ionic,创建自己的项目,以及本地运行下载的别人的项目!

来源:互联网 发布:winebottler linux 编辑:程序博客网 时间:2024/05/18 01:00

注意:每一步都要认真等待完成,别急。。。。

1.安装nodejs https://nodejs.org/en/download/

这里写图片描述

2.安装淘宝镜像
本地搜索cmd打开在命令框里输入:
npm install -g cnpm –registry=https://registry.npm.taobao.org
点击回车运行

这里写图片描述

等待。。。。。。。

3.安装ionic:
在命令框里输入:
cnpm install -g ionic@beta

等待。。。。。。。

4.设置国内
在C:\Program Files\nodejs\node_modules\npm 这个位置找到 npmrc 这个文件,因为在这个位置没有修改权限,所以我们找到他后把它拖拽到桌面,用记事本打开修改,加入:
registry = http://registry.cnpmjs.org
这一行文字,如图:,加入后再放回原来的位置;(如果放回的过程中显示被拒绝,不理他,点击继续放回去就好了)

这里写图片描述

这里写图片描述

5.现在就可以创建自己的项目了
命令框输入:
ionic start ionicdemo –v2
这句话的意思是 :创建一个项目,名字为ionicdemo!

回车运行之后,他就会去git上下载好多东西。。

不要着急,等待。。。。。。。。(着急你就输了,哈哈,其实就是会失败,有时候也会网不好,不能成功,可以多试几次)

第一次弄的时候,他会问你,would you like ….
其实是问你想用什么模板,然后给你几个选项,有lab的模板,有blank空白的模板,还有几个记不得了。。。。。选第一个就好了,,,,,然后他会问你要不要运行,y/n,打个y就好了

这里写图片描述

然后,我们去运行下自己的项目
先进入我们的项目
输入:cd ionicdemo
再运行输入:ionic serve

如图:

这里写图片描述

第一次弄的时候,他会问你,would you like ….
其实是问你想用什么模板,然后给你几个选项,有lab的模板,有blank空白的模板,还有几个记不得了。。。。。选第一个就好了,,,,,然后他会问你要不要运行,y/n,打个y就好了,然后浏览器就会自动打开一个页面。如图:

这里写图片描述

大功告成。。。。。

注意:每一步都要认真等待完成,别急。。。。
注意:每一步都要认真等待完成,别急。。。。
注意:每一步都要认真等待完成,别急。。。。

如果不成功,就多试几次。。。。。

创建好了项目之后,不会用呀,本宝宝就去git上下载了个别人发打算学习,下载好了就放在C:\Users\Administrator 这个位置,想要看看别人怎样写的,这个项目名字叫demo01,同样的,cmd控制台打开后,先进入我们要查看的项目
输入:cd demo01
再运行输入:ionic serve
然后就报错了:[ERROR] Sorry! ionic serve can only be run in an Ionic project directory”

怎么办呢,纠结了好久,最后,
输入:npm install -g ionic@legacy
就解决了,也打开了!

阅读全文
3 0
原创粉丝点击