通过ember下载插件并且配置项目中

通过ember下载插件并且配置项目中

木来 木来

我们进入自己的项目通过下面的命令,可以将bootrtarp库下载到本地

ember install ember-cli-bootstrap-sassy

但是会出现错误,会一直卡在install这里

图片.png

于是,我查阅了大量的资料,首先要将C:\Program Files\nodejs\node_modules\npm\npmrc中的配置添加下述配置

registry=https://registry.npm.taobao.org/

如果修改不了配置,提示没有管理员权限,则说明你没有给其文件管理权限,你需要右键npmrc文件,属性->安全,修改用户权限为完全控制。



然后,我们通过命令行cd进入我们自己的项目

然后,我们再次执行ember下载bootstrap的命令,我们便会发现可以成功了。

图片.png


然后,我们执行下列命令,安装ember-cli-sass

ember install ember-cli-sass

执行命令

bower install bootstrap-sass --save

图片.png

等待安装完成之后可以在项目目录下的pachage.jsonbower.json看到这两个插件的配置信息。

//  bower.json
"bootstrap-sass": "^3.3.6"
// package.json
"ember-cli-sass": "5.3.1"

在项目下增加样式文件

创建文件library-app/app/styles/app.scss,如果项目已经存在文件library-app/app/styles/app.css则重命名为app.scss,样式会被Ember CLI引入到项目中。
在文件中增加如下内容:

$bg-color:coral;
html{
    background:$bg-color;

}

使用快捷键Ctrl+C关闭在用命令ember server启动项目。如果终端没出现错误说明配置是正确的。

然后,我们访问localhost:4200/tracker/

图片.png

出现这个界面就说明配置完成!

0 条评论