推薦使用Node.js的包管理器 npm來構(gòu)建項目，這是全球最大的開源庫生態(tài)系統(tǒng)。下載安裝后，在命令窗口通過以下命令可以檢測node.js版本信息

node --version

同樣也可以檢測npm的版本信息，驗證安裝

npm -v

在開始創(chuàng)建Vue項目之前，請先安裝webpack（前端資源加載/打包工具）；
以及Vue的官方命令行工具Vue-cli，這將用于快速搭建大型單頁應(yīng)用，僅僅只需幾分鐘

npm install webpack -g
npm install vue-cli -g

接下來選擇一個期望的目錄來保存項目

cd 你的目標(biāo)目錄

見證奇跡的時刻到了，通過以下Vue-cli命令，創(chuàng)建一個基于webpack模板的Vue項目。

vue init webpack my-project

按照命令提示一步步完善項目信息，包括

? Project name  xxx    項目名稱
? Project description  xxx    項目描述
? Author  xxx    項目作者
? Vue build standalone    構(gòu)建方式
? Install vue-router? Yes  是否安裝路由
? Use ESLint to lint your code? No    是否啟用eslint檢測規(guī)則
? Setup unit tests with Karma + Mocha? No    是否啟用單元測試
? Setup e2e tests with Nightwatch? No    是否啟用端到端測試

稍等片刻，項目構(gòu)建成功，接下來命令窗口會提示您可以：

npm install    安裝項目依賴
cd 你的目標(biāo)目錄    進(jìn)到項目目錄
npm run dev    啟動項目

此時如果一切順利，在瀏覽器打開http://localhost:8080，就可以看到以下頁面了

運行中的Vue項目.png

目錄結(jié)構(gòu).png