1.脚手架下载命令
cnpm install vue-cli -g (全局下载vue-cli)
vue init webpack projectname (创建vue 项目)
前两个是必须的
cd projectname (进入文件夹)
cnpm install (用这个下载模块)
2.引入外部文件的方法
一、存放在src目录下(npm下载的包),遵循模块定义规范,在需要的地方import进来
缺点:不能加载cdn资源(网络路径资源)
二、在static目录存放,在index.html内直接引入,可以全局使用,可以使用网络资源,不会经过webpack编译
三、将模块暴露方法定义在vue原型对象上,在组件内部可以通过this访问
注意:import 加载模块无先后顺序!!!!
比如如果需要在项目里引入jquery的插件,由于此插件依赖jQuery,所以需要用第二种方法引入jquery.如果用第一种方法需要如下配置plugin
plugins: [
new HtmlwebpackPlugin({
title: 'Hello World app'
}),
//provide $, jQuery and window.jQuery to every script
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
"window.jQuery": "jquery"
})
]