【Angular4+】从入门到精通(二)项目搭建、依赖下载以及npm配置

进行完第一课后,便具备了angular的开发环境。

首先创建一个angular项目:

执行ng new demo创建项目,当执行到上图最后一句的时候ctrl+c结束进程,因为创建项目目录完成后会下载项目依赖,一般不用此方法下载。项目创建完成,简单么?

进入创建的项目目录 demo下执行命令:npm install

此命令会自动下载新建的项目目录下package.json下的依赖包,但是通过npm install下载的时候无法下载完成。报错SyntaxError: Unexpected end of JSON input while parsing near '...ttachment":false,"tar'。我搜了一个解决方案:npm代理地址转换成npm config set registry http://registry.cnpmjs.org不用淘宝的代理地址,我试了试没成,将npm版本降级npm i -g npm@4,靠我不接受。

怎么办呢?淘宝来了(TM有问题):http://npm.taobao.org/ 淘宝镜像定时同步更新npm仓库,安装cnpm并设置仓库npm config set registry https://registry.npm.taobao.org后会前往设置的仓库下载依赖包。cnpm inatall。但是出现了一个问题,在安装完成后启动项目ng serve后,执行到95%的时候卡住了,卡住了,尼玛。就是个坑啊!。

算了不用cnpm了,使用yarn安装吧!!!npm i -g yarn安装yarn。在项目路径下面执行:yarn install,成功折腾我好久,yarn新的包管理工具学习一下吧。

依赖安装完成后会在项目目录下面生成一个依赖文件夹node_modules,里面就是下载的依赖包。(npm,cnpm安装依赖的时候经常性的出现安装异常,多试几次吧)

运行项目

安装完依赖后在项目路径下执行

扫描二维码关注公众号,回复: 2405738 查看本文章

项目运行,在浏览器输入localhost:4200浏览项目(4200默认端口,可在程序里面修改)

npm配置

npm config list //查看基本配置 
npm config list -l //查看所有配置

npm install grunt // 本地安装,则是将模块下载到当前命令行所在目录。 
npm install -g grunt//全局安装,模块将被下载安装到【全局目录】中;

 更换仓库源:

       npm config set registry http://registry.npm.taobao.org/

  这是淘宝的仓库源,淘宝仓库源和npm仓库源每10分钟同步一次,基本满足你的需求

  如果你觉得不满意,可以更换回npm官方仓库源:

        npm config set registry http://www.npmjs.org

   更换本地仓库地址:

        npm config set prefix  'D:\Program Files\nodejs\node_modules\npm\global_node_modules'

   我在本地新建了一个文件global_node_modules,专门用于来安放npm下载的东西

   你也可以新建,把地址定位准确就行,仓库地址等下配置系统环境需要用到,别弄错了。

yarn自己学学吧,我也不咋会,基本就是配置的问题,不会很难。。。

猜你喜欢

转载自blog.csdn.net/u013589443/article/details/81069309