vue项目创建基本使用参考
来源:互联网 发布:王尼玛 知乎 五五开 编辑:程序博客网 时间:2024/05/22 14:41
cnpm install vue
//全局安装 vue-cli
cnpm install --global vue-cli
//创建一个基于 webpack 模板的新项目
vue init webpack my-project
//进入项目目录,运行
cd my-project
cnpm install
cnpm run dev
//路由、XHR请求、数据管理下载
cnpm i vue-resource vue-router vuex bootstrap --save
vue创建单页面应用程序:http://www.cnblogs.com/CinderellaStory/p/6875516.html
vue插件库:https://github.com/vuejs/awesome-vue
vue融合bootstrap:https://bootstrap-vue.js.org/docs
ideal支持vue配置:http://www.cnblogs.com/phpdragon/p/7216994.html
vue使用jquery博客:http://www.cnblogs.com/Yann001/p/6850698.html
1.cnpm install jquery --save
2.build目录下找到webpack.base.conf.js
//开头使用以下代码引入webpack
var webpack = require('webpack')
//module.exports中添加一段代码
// 添加代码
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
jquery: "jquery",
"window.jQuery": "jquery"
})
],
3.main.js里导入jQuery
import 'jquery'
4.在需要用到的.vue中
import $ from 'jquery'
vue中使用less
1安装less
npm install less -g
2idea中配置file watch
3Vue项目配置Less
npm install less less-loader --save
4配置webapck解析,"bulid"-->"webpack.base.config.js",添加一下代码
{
test: /\.less$/,
loader: 'style-loader!css-loader!less-loader'
}
5.vue文件中
<style scoped lang="less">
table{
background: red;
button{
background: blue;
color: #fff;
}
}
</style>
- vue项目创建基本使用参考
- 使用Vue-cli创建项目
- 使用vue-cli创建项目
- 使用命令创建vue.js项目
- 如何使用vue-cli创建项目
- Vuejs实例-使用vue-cli创建项目
- 使用 vue-cli 可以快速创建 vue 项目
- 使用vue-cli创建vue项目问题纪录
- 创建vue项目
- 创建vue项目
- vue.js创建项目
- 创建Vue.js 项目
- vue 创建项目
- vue.js创建项目
- 创建vue cli项目
- vue项目创建
- vue-cli创建项目
- vue创建项目
- 等价表达式
- java属性拾取器
- Codeforces Round #432 (Div.2)
- 使用反射、特性简化代码
- java基础学习总结——面向对象2
- vue项目创建基本使用参考
- java基础学习总结——多态(动态绑定)
- java基础学习总结——对象转型
- java中文件IO操作总结
- 条款5:类拷贝赋值操作符不能作用于-》常量成员变量和引用成员变量
- java基础学习总结——抽象类
- 基于.netstandard的权限控制组件
- mysql数据在网页上显示乱码解决方案
- 等价表达式-OJ