1.安装vue-cli
npm install --global vue-cli
2.创建一个基于 webpack 模板的新项目
vue init webpack 项目名称
3. 安装依赖:
npm install
4.运行:
npm run dev
5.卸载
npm uninstall -g <Module Name>
6.图片资源懒加载
1.使用vue-lazyload插件:
安装
npm install vue-lazyload --save-dev
2.man.js 引用
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload)
// 或自定义
Vue.use(VueLazyload, {
preLoad: 1.3,
error: 'dist/error.png',
loading: 'dist/loading.gif',
attempt: 1
})
3.修改img标签
<img v-lazy="/static/img/1.png">
i 就是 install的简写
-S就是 --save的简写 存入dependencies
-D就是–save-dev 名称版本号存入package.json的devDependencies 开发环境
-g就是–global 的简写 全局