express+angularJS--通讯录APP

express应用生成器

  • 命令行执行
    1. npm install express-generator -g //安装应用生成器
    2. express myapp //安装完成后通过该命令自动生成文件目录
    3. npm install //安装依赖的包 所需的包都在package配置文件里可以看到
    4. Windows:npm start //启动这个应用 默认下打开localhost:3000即可访问到
    注:当需要安装其他包时,npm install ejs --save 自动把模块和版本号添加到dependencies部分

模版引擎ejs

  • 选择ejs模版引擎
    首先安装模块:npm install ejs --save
    app.js文件下设置:
    app.set('views', path.join(__dirname, 'views'));
    app.set('view engine', 'ejs');
    设置ejs模版html:
    router.get('/', function(req, res, next) {
    res.sendFile(path.resolve(__dirname,"..","views/index.html"));
    });

安装angular

  • 命令行安装
    首先安装bower包管理器 https://bower.io/
    npm install -g bower
    创建配置文件.bowerrc设置包安装存在的位置
    { "directory": "app/components/"}
    安装所需包,angular
    bower install angular --save
    以上,准备工作基本完成
express+angularJS--通讯录APP_第1张图片
app文件目录

你可能感兴趣的:(express+angularJS--通讯录APP)