YEOMAN安装 -- AngularJS liujj@golden-tech.

Presentation on theme: "YEOMAN安装 -- AngularJS liujj@golden-tech."— Presentation transcript:

1 YEOMAN安装 -- AngularJS

2 安装文件 \\liujj\GT.NET\AngularJS\install cmder_mini.zip
node-v x86.msi、node-v x64.msi yeoman的安装需要使用npm工具在线安装；node自带npm工具包 Git preview exe 生成项目时需要git客户端 以上工具安装后重启电脑 注意：上面的工具虽然我共享了，不过没有网络的话还是没法执行后面的安装

3 安装yeoman,bower,grunt npm install -g yo bower grunt-cli gulp
安装完成后运行下面的命令，检查版本号以确认是否安装成功 yo --version && bower --version && grunt --version && gulp --version

4 安装generator-angular npm install -g generator-angular 之后需要使用这个生成器生成项目

5 创建项目目录 mkdir first_angluar cd first_angluar 创建项目目录 更改当前目录到项目目录

6 使用angular生成器 生成项目 yo angular 会询问是否需要用Sass或Bootstrap，这里我们选n和y

7 选择功能模块 使用上下按钮和空格选择JS功能模块，然后回车

8 生成项目文件

9 出错了

10 生成出错时 如果执行yo angular过程中发生错误，需要手动执行下面的命令 bower install npm install
还是出错的话，重复执行出错的命令

11

12 启动服务器 grunt serve

13 初始页面

14 手动安装模块 启动时显示缺少imagemin-optipng模块 我们可以手动安装这个模块
Loading "imagemin.js" tasks...ERROR >> Error: Cannot find module 'imagemin-optipng' 我们可以手动安装这个模块 npm install imagemin-optipng

15 参考