如何安装ionic,创建自己的项目,以及本地运行下载的别人的项目!
注意:每一步都要认真等待完成,别急。。。。
1.安装nodejs https://nodejs.org/en/download/
2.安装淘宝镜像
本地搜索cmd打开在命令框里输入:
npm install -g cnpm –registry=https://registry.npm.taobao.org
点击回车运行
等待。。。。。。。
3.安装ionic:
在命令框里输入:
cnpm install -g [email protected]
等待。。。。。。。
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 [email protected]
就解决了,也打开了!