AngularJS2 基础学习: 参考 mybase 3-26 文件
angular 环境的构建:( 由于 Angular 编写的代码不是 浏览器可以直接运行的,需要经过编译,所以需要构建一个环境)
1, npm ,nodejs 的安装:
npm 安装:(需要联网)
sudo apt install npm
查看安装成功: npm -v
npm 设置代理:
$ npm config set proxy http://username:password@server:port
$ npm config set https-proxy http://username:pawword@server:port
参考博客: https://blog.csdn.net/qq_34645412/article/details/74784408
npm 取消代理: npm config delete proxy ( sudo )
nodejs : https://nodejs.org/en/download/ (nodejs 官网)
Ubuntu:/CentOS:
wget https://nodejs.org/dist/v6.9.5/node-v6.9.5-linux-x64.tar.xz -- 也可以自己在官网下载
tar -xvf node-v6.9.5-linux-x64.tar.xz
sudo mv node-v6.9.5-linux-x64 /usr/local/node
sudo ln -s /usr/local/node/bin/node /usr/local/bin/node
sudo ln -s /usr/local/node/lib/node_modules/npm/bin/npm-cli.js /usr/local/bin/npm
新加: sudo ln -s /usr/local/node/lib/node_modules/@angular/cli/bin/ng /usr/local/bin/ng
查看安装成功: node -v
卸载nodejs:
sudo apt-get remove nodejs
参考博客: http://cnodejs.org/topic/550a425d3135610a365b0292
参考博客: https://www.cnblogs.com/EasonJim/p/8324834.html
2, angularJS 环境搭建:
(1) 安装 angular/cli , angular/cli 是一个命令行界面工具,用于创建项目,添加组件,服务,测试,打包,发布等任务;
注意: angular/cli 需要 nodeJs > node.6.9.x 版本 ,npm > 3.x.x 版本
安装: npm install -g @angular/cli
安装成功检测: ng version
(2) 创建新的项目: ng new my-app
(3) 启动服务器: ng server --open ( ctrl + c 关闭服务器 )
(4) 访问首页: http://localhost:4200/
3, 文件及目录结构:
代码目录:
根目录文件:
常见错误: