本文基于node.js開發環境，安裝完node之后新建項目，通過webpack配置，實現vue-cli腳手架功能

對于剛剛接觸編程的人來說，最難的可能并不是學習一種新語法或者框架，而是編程思維，這種思維在調試的時候顯得尤為重要，擁有良好的編程習慣和思維能力可以大幅度提高調試效率。而編程思維的培養往往需要經驗的積累，只有把底層原理一遍遍地思考之后，才會有更深入的理解，這也是vue官方文檔中不建議vue初學者直接使用vue-cli的原因之一。

所以今天特意一步步通過webpack配置，實現與vue-cli相同的效果，希望大家能有所收獲。

1. 創建一個vue項目

使用命令行mkdir vuedeom 或者直接新建一個vuedemo空文件夾，然后命令行cd vuedemo，使用npm init -y初始化，此時你會看到文件夾多了一個package.json的文件，內容大致如下：

{ "name": "vuedemo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo /"Error: no test specified/" && exit 1" }, "keywords": [], "author": "", "license": "ISC"}

2. 引入webpack

通過npm加載webpack，當然如果速度慢的話你也可以使用淘寶鏡像，npm install -g cnpm