通过前面一章,一个新的项目已经搭建起来了,然后需要进行对其进行改造
一.对于一个新的vue项目,首先把vue的项目src改成这样的结构(注意这里面你们看到这些stly样式,是提前写好的,当然你也可以自己去写这些基本的颜色,这块的东西可以根据你以往的项目经验来编写)
![](https://img.haomeiwen.com/i4469601/5ef9fce1bdd9c623.png)
二.接下来我们还有修改项目中几个地方:
1.package.json添加stylus依赖
![](https://img.haomeiwen.com/i4469601/7a0f9262ebfe2bea.png)
2.在main.js里面添加index.js样式
![](https://img.haomeiwen.com/i4469601/c2a91681eb597dc5.png)
3.在/build/webpack.base.conf.js里面添加一个common的别名
![](https://img.haomeiwen.com/i4469601/d4266e0aed8e60fa.png)
经过上面几步基本上以及完成项目的大体上面改造了,记得需要npm install 安装依赖,然后npm run dev 重新跑一下项目,如果还有报错的地方,要学会自己去检查,解决问题;
好了,完成完成上面的这些,因为我们要做一个移动端的app项目,所以还有一些东西需要准备
1.在index.html里面填写meta属性
![](https://img.haomeiwen.com/i4469601/7172f36d767f782b.png)
2.添加一些依赖,如下:,并且记得要npm install
![](https://img.haomeiwen.com/i4469601/10e7ac12d35f65e3.png)
3.并且需要在main.js里面引入:
![](https://img.haomeiwen.com/i4469601/eec70cd83a9a9104.png)
所有的准备工作已经完成,接下来就是写页面以及组件了
网友评论