N
Published on
· Last modified on
· Public

移动端前端开发环境搭配

一、了解工具 1.安装nodejs,安装npm(类似maven的下架包功能),安装ionic nodejs:Node是一个Javascript运行环境 npm:通常称为node包管理器,它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。 ionic:是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架

二、配置环境 http://ionicframework.com/getting-started/

1.安装nodejs 官网:https://nodejs.org/en/download/ a.下载 下载Source Code类型,可以直接下载,可以在终端执行: wget https://nodejs.org/dist/v0.12.7/node-v0.12.7.tar.gz b.构建安装 ./configure –prefix=$HOME/local/node #后面部分是配置安装目录,可以直接执行./configure,为默认目录 make #构建 sudo make install #安装 node -v #查看版本,查看到即安装成功

2.安装npm sudo apt-get install npm

3.安装ionic,cordova npm install -g cordova ionic

4.生成一个新项目 ionic start myApp tabs #myApp 为项目目录,tabs为项目名 访问地址如:http://localhost:8100,url显示的地址 #为:http://localhost:8100/#/tabs/dash cd myApp #进入项目目录 npm install #安装依赖的架包 ionic serve #启动项目

5.当项目启动提示缺包时的安装方式:例缺少shelljs :sudo npm install shelljs npm install -g gulp gulp compile #项目编译

6.将保存后浏览器一起刷新配置为改动后直接刷新 cd parox-app/ 切到项目下面 cp ionic.project-watch-file-change ionic.project

Sign in or Sign up Leave Comment