vue入門 - vue-cli

1 安裝

1. 首先肯定得有nodejs，如果沒安裝可以看這裏http://blog.csdn.net/qq451354/article/details/65021307。
2. shell執行$ npm i vue-cli -g全局安裝vue-cli。
3. 測試是否安裝成功 $ vue -V(-V要大寫，否則不識別)，輸出版本號則表示全局安裝成功。

---

2 初始化項目

1. 執行$ vue init webpack my-project創建新項目。一路回車，後面會有測試、代碼檢查等工具，根據需要輸入y/n然後回車。
2. 如果需要構建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"
    })