文档章节

vue-cli学习命令记录

哈雷路亚
 哈雷路亚
发布于 2017/08/06 09:11
字数 298
阅读 48
收藏 0

webpack命令
--所有命令后面的 --save-dev 代表的是: 
    --save 是[package.json]文件内dependencies生产环境依赖的插件
    --dev 是[package.json]文件内 devdependencies 开发环境的依赖插件

--创建vue-cli
    --从头学习 用这个命令
    vue init webpack-simple  cqcomponent
    --真正开发用这个命令创建项目
    vue inti webpack cqcomponent
    --加载node-moudle 初始化项目
    npm install
    --处理.css文件用的loader
    npm install --save-dev css-loader
    npm install --save-dev style-loader

    --从build.js中把css单独提出 ,这个插件有个坑,版本不对会报错
    npm install --save-dev extract-text-webpack-plugin@2.1.2 
    --图片2种加载器
    npm install --save-dev url-loader
    --安装less loader
    npm install --save-dev less-loader less
    --http协议插件
    npm install --save-dev  vue-resource
    --路由插件
    npm install --save-del  vue-router
    --转码用插件
    npm install --save-dev babel-plugin-transform-runtime
    npm install babel-core babel-preset-stage-2 babel-eslint babel-loader babel-preset-es2015     babel-preset-stage-2 --save-dev

    --打包自动生成 index.html插件
    npm install --save-dev html-webpack-plugin

    --解决按需引用组件时既要导入js 也要导入 css 文件的问题
    npm install babel-plugin-component --dev

    https://zhuanlan.zhihu.com/p/21802181  //知乎解释
    https://github.com/QingWei-Li/babel-plugin-component  //gith

    npm install vuex --save-dev

    引入jquery

    npm install jquery --save-dev

    npm install particles.js --save

ub api

nmnpm

    --webpack.config.js 配置中加入
    libraryTarget: 'umd',

© 著作权归作者所有

哈雷路亚
粉丝 1
博文 13
码字总数 3175
作品 0
徐州
程序员
私信 提问
本地运行github上的vue2.0仿饿了么webapp项目

在vue刚刚开始流行的时候,大多数人学习大概都见到过这样的一个项目吧,可以作为学习此框架的一个模板了 github源码地址:https://github.com/RegToss/Vue-SPA 课程教程:http://coding.imo...

祈澈菇凉
2018/09/05
0
0
Vue-cli@3.0 插件系统简析

Vue-cli@3.0 是一个全新的 Vue 项目脚手架。不同于 1.x/2.x 基于模板的脚手架,Vue-cli@3.0 采用了一套基于插件的架构,它将部分核心功能收敛至 CLI 内部,同时对开发者暴露可拓展的 API 以供...

滴滴WebApp架构组
2018/09/05
0
0
搭建 vue2 单元测试环境(karma+mocha+webpack3)

从网上找了很多例子关于单元测试,都是如何新建项目的时候的添加单元测试,用vue-cli中怎么添加,但是我的项目已经生成了,不能再一次重新初始化,这时如何添加单元测试,这里面遇到了好多坑...

nxmin
2018/05/23
0
0
vue入门环境搭建及demo运行

vue简介: Vue.js 是一套构建用户界面的渐进式框架。他自身不是一个全能框架——只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。在与相关工具和支持库一起使用时,V...

挑战者666888
2018/05/22
0
0
使用vue-cli(vue脚手架)快速搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度,介绍整个搭建的过程。 1. 避坑前言 其实这次使用vue-cli的过程并不顺利,反复尝...

四小七
2018/05/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何使用 rsync 备份 Linux 系统的一些介绍

备份一直是 Linux 世界的热门话题。回到 2017,David Both 为 Opensource.com 的读者在使用 rsync 备份 Linux 系统方面提了一些建议,在这年的更早时候,他发起了一项问卷调查询问大家,在 ...

Linux就该这么学
12分钟前
0
0
以太坊私有链搭建

https://blog.csdn.net/Blockchain_lemon/article/details/80589123

Moks角木
49分钟前
2
0
自律给我自信-为什么要自律

为什么要自律 混一天和努力一天 看不到任何差别 3天看不到任何变化 7天也看不到任何效果 但是 1个月后, 会看到话题不同 3个月后, 会看到气场不同 6个月后, 会看到距离不同 3年后, 会看到...

周大壮
49分钟前
4
0
读书replay计划说明

突然脑袋一闪,我有了这样一个主意:通过写博客的方式,将我阅读的书中的内容replay出来。 我一般会找着我感兴趣的书去读,一般也会读书中我感兴趣的章节,或者当下对我有用的章节,所以这个...

wanxiangming
51分钟前
1
0
CentOS7安装xrdp环境可实现远程桌面访问

CentOS7安装xrdp环境可实现远程桌面访问 2018-07-14 06:39:28 分类:运维 阅读(2051) 评论(0) 在"Ubuntu系统安装xrdp桌面客户端及实现远程连接桌面"文章中有分享过在Ubuntu系统中安装XRDP环境...

linjin200
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部