初始化vue + webpack 項目

安裝vue腳手架

npm install -g vue-cli

這樣咱們就能夠全局試用 vue 這個命令 咱們輸入 vue list 能夠看到許多基於vue 的項目模板

這裏列出了 咱們能夠用到的模板

初始化一個webpack模板

vue init webpack projectname

因而生成了一個 webpack + vue 項目。

安裝依賴

cd projectname
npm install

這裏的 npm install 是把package.json須要的依賴 安裝到 node_modules裏

跑起來

npm run dev

問題

端口占用

若是出現端口占用的狀況，在項目配置文件 config/index.js裏更改

初始化時出現報錯

那大概是由於你vue版本過低

vue -V

查看vue腳手架 版本。

試下從新 安裝

npm install -g vue-cli

接着若是沒什麼其餘問題的話，再

vue init webpack projectname

最後再附上vue+webpack 項目 目錄結構

目錄結構

命令列表