angualr 项目环境搭建
Posted zxbky
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angualr 项目环境搭建相关的知识,希望对你有一定的参考价值。
C:\Users\root>yarn -v1.10.1C:\Users\root>yarnyarn install v1.10.1info No lockfile found.[1/4] Resolving packages...[2/4] Fetching packages...[3/4] Linking dependencies...[4/4] Building fresh packages...success Saved lockfile.Done in 0.11s.
ng add
命令往新项目中添加一些预先打包好的功能。你可以使用 ng add
命令往新项目中添加一些预先打包好的功能。 content_copycd my-app
ng serve
命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。
使用 --open
(或 -o
)参数可以自动打开浏览器并访问 http://localhost:4200/
。
4 配置依赖包
1 安装依赖包
C:\Users\root>cd my-app 进入下载好的项目
C:\Users\root\my-app>cd src
C:\Users\root\my-app\src>yarn 在cmd输入命令 yarn 安装依赖包
yarn install v1.10.1
2 启动依赖包
C:\Users\root\my-app\src>yarn start 在cmd输入命令 yarn start 启动依赖包
yarn run v1.10.1
$ ng serve
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2018-10-15T08:43:58.137Z
Hash: c2ae3b537a5907462efc
Time: 7795ms
chunk main main.js, main.js.map (main) 10.7 kB [initial] [rendered]
chunk polyfills polyfills.js, polyfills.js.map (polyfills) 227 kB [initial] [rendered]
chunk runtime runtime.js, runtime.js.map (runtime) 6.22 kB [entry] [rendered]
chunk styles styles.js, styles.js.map (styles) 15.6 kB [initial] [rendered]
chunk vendor vendor.js, vendor.js.map (vendor) 3.28 MB [initial] [rendered]
i ?wdm?: Compiled successfully.
5 git安装
5.1 安装git
5.2 登陆账号配置用户名
在gitlab 详情中配置用户登陆账号和密码 注意必须要新建文件
在gitlab直接复制进去配置用户信息
git config --global user.name "张旭"
git config --global user.email "zhangxu@inspur.com"
配置完成以后
找到 crm-front 这个项目也可以是其他项目 在itlab中复制文件链接下载文件 $ 为gitlab自带文件
$ http://git.inspur.com/bss-crm/crm-front.git 后加ctrl+c
$ git clone http://git.inspur.com/bss-crm/crm-front.git 注意执行 clone克隆命令 克隆文件的放置位置中打开git
$ cd 使用cd命令查看 文件下载下来没有
$ cd crm-front/ 使用cd 进入下载下来的文件$ git branch -a 查看远程分支* masterremotes/origin/HEAD -> origin/master 当前远程分支指向masterremotes/origin/dev 远程分支 devremotes/origin/master 远程分支 master
$ git checkout -b dev origin/dev 切换到当前分支dev git checkout
命令用于切换分支
$ ls 读取文件 查看文件配置$ yarn 配置环境 执行 yarn strat 项目就可以跑起来了6 命令操作(vs code编辑器操作)git pull 拉取(下载) 远程的数据同步到自己的目录的命令自己操作上传过程中如果出现冲突就是自己的不是最新的,需要先把自己的备份,然后拉取最新的数据,然后把自己的改动放入最新的内容把修改之后的文件暂存到本地,然后在上传之前拉取一次,看看有没有冲突,然后在消息输入框内填入修改文件夹及修改内容,然后点击对勾上传 ps: vs code 编辑器操作ng serve --host localhost --port 4201 ng serve --port 修改端口号为 4201 端口
以上是关于angualr 项目环境搭建的主要内容,如果未能解决你的问题,请参考以下文章