3回答

好帮手慕慕子

2021-06-26

已采纳

同学你好，对于你的问题解答如下：

1、是想询问下图所示的写法是什么知识点吗？

如果是的话，那么这里属于art-template中的语法哦，在前面的课程中有详细的讲解，可以回顾下课程，加深记忆与理解 ，如下：

2、打开页面没有正常显示头部，是指视频中3分30秒左右，老师书写的css样式在页面中没有生效吗？如下：

如果是的话，那么，视频中老师紧接着就讲解了，是因为没有引入相关的组件，如下：

（1）需要先在pages/index/components/index.js文件中引入公共的头部组件

（2）然后还需要在pages/index/index.js中引入自己的头部组件，保存文件后，设置的样式就生效了，如下：

如果同学是指自己写的代码没有正常显示头部，可以参考上述步骤排查下，是否漏掉了哪一步呢，如果排查不出来，可以将你写的相关代码全部粘贴过来，并将你的项目目录截图粘贴过来，老师帮助你检查下。

3、如下图所示：

同学是直接在浏览器中打开index.art文件吗？

如果是的话，那么这个是正常现象，直接在浏览器中打开index.art文件是无法自动转成html文件，正常显示页面的。需要结合webpack编译后才可以正常查看页面。上一章的“环境搭建”小节，有详细的讲解，可以回顾下，加深记忆与理解。

如果不是的话，可以详细描述下具体操作，便于帮助同学准确的定位与解决问题。

4、因为使用art-tamplate模板引擎，书写完模板之后，就可以多次重复利用，根据传入该模板的数据不同，展示不同的内容，简单理解就是为了方便面我们开发，提高效率。

祝学习愉快~

0

haFe_Ming

hp dir="ltr">
还有一个很大的疑惑就是 styles文件下的layout. css文件没有看见老师引入在另一个文件目录下的index.art 但是它的css样式却表现出来了?

h021-06-26

共2条回复

好帮手慕慕子

2021-06-26

同学你好，因为项目中使用了html-webpack-plugin插件，所以会自动将依赖的文件（css或者js等文件）注入到编译后的html文件中，这样就将index.art文件和index.js文件联系起来了。

webpack.config.js文件中也添加了相关的配置代码。如下：

​祝学习愉快~

0

好帮手慕慕子

2021-06-26

同学你好，对于你的问题解答如下：

1、“环境搭建”小节7分48秒左右，中老师有讲解和演示的，执行npm start命令启动项目就可以啦，如下：

2、在上一小节的1分32秒左右，老师在pages/index/index.js文件中已经引入了layout.css文件，如下：

老师这里给同学一个小小的建议：随着我们学的内容越来越多，越来越深入，代码也会越来越多，越来越复杂，其中涉及到的点可能也会比较多，在听案例课的时候一定要听完一节就去自己动手练习一下这节课中老师讲的内容，或者一边听课一边暂停跟着老师的步骤进行操作，不要全部听完了再去写，这样很可能会无从下手。

祝学习愉快~

0

haFe_Ming

hp dir="ltr">好的，第一个问题解决了。我也知道css文件引入到了js文件中，但是index. art中也没有看见引入这个js文件呀。这两个是如何关系上的?

h021-06-26

共1条回复