vue入门
来源:互联网 发布:linux c语言反编译 编辑:程序博客网 时间:2024/06/06 08:41
1 安装
- 首先肯定得有nodejs,如果没安装可以看这里http://blog.csdn.net/qq451354/article/details/65021307。
- shell执行
$ npm i vue-cli -g
全局安装vue-cli。 - 测试是否安装成功
$ vue -V
(-V要大写,否则不识别),输出版本号则表示全局安装成功。
2 初始化项目
- 执行
$ vue init webpack my-project
创建新项目。一路回车,后面会有测试、代码检查等工具,根据需要输入y/n然后回车。 - 如果需要构建vue1版本的项目,则执行
$ npm vue init webpack#1 my-vue1-app
3 引入jquery等js库
由于vue-cli是直接构建出webpack打包环境,而不像angular-cli那样在外面将webpack包了起来,所以我们可以直接修改其webpack配置来达到个性化打包的目的。
1.在构建的项目中build/webpack.base.conf.js
的module.export对象中的resolve属性中添加:
resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'jquery': 'jquery' } },
2.然后在module.export对象中添加plugins属性:
new webpack.ProvidePlugin({ jquery: "jquery", $:"jquery" })
0 0
- vue入门
- Vue入门
- Vue入门
- vue入门
- Vue入门
- Vue入门
- Vue入门
- Vue入门
- Vue入门
- Vue入门
- Vue入门
- Vue入门
- vue入门
- Vue入门
- vue入门
- vue入门
- vue入门
- vue入门
- 【7】.net WebAPI Owin OAuth 2.0 密码模式验证实例
- 【CodeForces】311E Biologist
- Object类概述及其构造方法
- shell脚本学习(一)
- 【matlab】GPU 显卡版本与计算能力(compute capability)兼容性问题
- vue入门
- C++Primer第五章习题
- JSP作用域
- 单链表逆序的递归与非递归算法
- MacOs+Navicat+instantclient实现oracle连接
- Java中的PreparedStatement接口
- 二叉树 三种遍历构造二叉树+层次遍历 题目 PAT 树的遍历
- mat最好用,和IplImage,cvmat 比较
- vim使用指南