對於建立vue專案有很多種方法；但是我覺得這種是相對比較方便的；不用去配置打包啊一些配置了；而且操作也是非常簡單；只需要幾步就可以了；現在我就來跟大家；演示一哈

第一步：

vue init webpack demo（demo專案名稱）

注意：在安裝以前確認自己是否安裝了 @vue-cli；如果沒有安裝的話就安裝一哈；

npm install -g @vue/cli

第二步：

看圖說話；然後根據自己的需要進行配置；

注意：這兒是沒得配置vuex的哈；需要自己建立好專案以後自己配置一哈；不過這個簡單

首先：安裝vuex

npm install vuex --save

然後在src 檔案下建立一個store/index.js檔案；並寫上

import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({  state: {    num: 123  },  mutations: {  },  actions: {  },  modules: {  }})

最後在main.js中引入註冊就可以了

import Vue from 'vue'import App from './App'import router from './router'import store from './store'Vue.config.productionTip = falsenew Vue({  el: '#app',  router,  store, // vuex  render: h => h(App)})

第三步：

根據第二步圖的配置配置完了以後；就可以建立以下的這些檔案說明就建立成功了；這是我們就可以

npm run dev // 啟動

本專案不需要配置其他的東西就可以直接打包

npm run build // 打包

打包成功以後在 dist檔案 裡面

這兒注意一哈：在打包以前需要在config/index.js裡面進行修改

// assetsPublicPath:  預設是 ‘/’將其修改為‘./’assetsPublicPath: './' 

安裝less注意事項

我這邊只試過less；想scss啊這些沒有試過哈；在安裝less的時候會出現一個報錯；我查了很久；最後才發現是版本問題；

安裝less 的時候 版本不得超過 4.10版本

大家按照下面的進行安裝就沒得問題；（僅限於在 less 上的問題哦）

npm install less less-loader --save-devnpm install [email protected] --save