vue-cli2.0 脚手架下载命令和引入外部文件的方法

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"

    })

  ]

你可能感兴趣的:(vue-cli2.0 脚手架下载命令和引入外部文件的方法)