您的位置:首页 > 其它

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

2017-08-18 14:32 776 查看
注意:每一步都要认真等待完成,别急。。。。

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

就解决了,也打开了!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐