ionic安装和创建项目

版权声明:我的博客我做主! https://blog.csdn.net/lk1822791193/article/details/87888164

安装

1.计入nodejs目录下

2.修改下载的源地址(改成淘宝源):

npm config set registry http://registry.npm.taobao.org/

3.验证是否修改成功:

npm config get registry

4.全局安装cordova和ionic:

npm install -g cordova ionic

创建项目

1. 进入你想创建ionic项目的文件夹,初始化项目:

#projectname为项目名称
#tabs:ionic模板,还有blank
ionic start projectname tabs

#--skip-npm:跳过npm安装
ionic start projectname tabs

2. 启动项目:

#进入项目文件夹
cd myApp
#启动项目
ionic serve

3. 安装android和ios:

#安装
ionic cordova platform add android
ionic cordova platform add ios
ionic cordova platform add browser(微信)
#构建
ionic cordova build browser

4. 快速创建页面:

#pagename为page的名字
ionic g page pagename

#也可以分步操作
ionic g
#之后选择你要创建的文件类型
#输入名字

常用命令

最后分享一下nodejs常用的一些命令,比如你安装ionic的版本不符合你的心意,可以用的上嘞!

注释 命令
安装但不写入package.json

npm install xxx

安装并写入package.json的”dependencies”中

npm install xxx –save 

安装并写入package.json的”devDependencies”中

npm install xxx –save -dev

删除xxx 模块

npm uninstall xxx

删除全局模块xxx

npm uninstall -g xxx

还有一些ionic的命令,希望对你帮助

注释 命令
列出所有已安装插件 ionic plugin list
根据插件名卸载 ionic plugin remove xxx
添加github的项目地址

ionic plugin add xxx

查看帮助 ionic -help

猜你喜欢

转载自blog.csdn.net/lk1822791193/article/details/87888164