我的项目初识

1.vue-cli遇到的问题 npm安装太慢

由于用npm来安装vue-cli慢的不行所以换成国内镜像了,方法如下:
原网址:
你可以使用我们定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ npm install -g cnpm –registry=https://registry.npm.taobao.org

2.vue-cli的官方网址,版本更新命令也更新了
vue-cli

To install the new package, use one of those commands:

npm install -g @vue/cli
or
yarn global add @vue/cli

3.dbq,使用cnmp安装的这个最后初始化打包的时候报错了,说我Command vue init require·····
我又重新按照他说的用npm install -g @vue/cli-init换成cnpm安装了 ,还是不行····
我选择删了这个包,用npm了,几分钟就下好了,dbq,有毒。

4.这个不是遇到的问题 这是我的激动之心
终于好了,让人感动
要成了,兄弟们!

5.对不起高兴早了
又怎么了???
这里写图片描述

npm isntall 了一下,试试叭

6.出了个小插曲,我把npm搞得不能用了
npm config set prefix 用了一个这个命令 就···别手贱了乱霍霍了···
解决方法,删掉C:\Users\Administrator下的.npmrc文件即可···

7.困难重重··
·这里写图片描述

使用npm cache clean –force试试叭
npm问我···希望我知道我自己在做啥 说实话我不是特别知道,我是百度来的,貌似清除缓存叭····
安装了好久···我先睡了告辞明天再看吧···

8.dbq 我搭好环境了哈哈哈哈
这里写图片描述


1.

转战sublime了,好久没用了,下个vue的代码高亮提示走起
这里写图片描述


2.
设置页面用户不能缩放

<meta name="viewport" content="width=device-width,initial-scale=1.0",minimum-scale=1.0,maximum-scal=1.0,user-scalable=no">

3.需要解决的统一问题:
①写代码的时候由于应用的时候每个设备显示会不一样,所以我们要统一一下。所以会用到这个:reset.css

②1像素边框,多倍屏问题,解决: border.css
上述两个文件都可以在网上找到,同时把这两个东西放入这个文件夹:
..\src\assets\styles

③有些机型有300ms点击延迟事件 所以我们要引入:fastclick库
npm install fastclick –save


4.flex布局不生效····
格式错了怎么生效嘛
心好累啊

<style lang="stylus" scoped>
  .header
    display:flex
    height: .86rem
    .header-left
      width: 2rem
      float:left
    .header-input
      flex: 1
    .header-right
      width: 2rem
      float:right
</style>

我就说怎么不撑开。之前写的几个div应该在一列,注意格式,不要 tab tab 的用惯了就来一个····


5.一个帮助写css的东西
stylus
安装
npm install stylus –save
npm install stylus-loader –save
使用

<style lang = "stylus"></style>

6.

觉得引用一个目录太长重复太多次,解决办法:
这里写图片描述

alias 别名项

修改之后记得重新跑项目!


7.样式私有化(模块化)

在vue组件中,为了使样式私有化(模块化),不对全局造成污染,可以在style标签上添加scoped属性以表示它的只属于当下的模块。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值