vue入门 – vue-cli
目录
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"
})
转载自:https://blog.csdn.net/qq451354/article/details/64992622