推薦使用Node.js的包管理器 npm來構建項目肛真,這是全球最大的開源庫生態(tài)系統(tǒng)攀甚。下載安裝后,在命令窗口通過以下命令可以檢測node.js版本信息
node --version
同樣也可以檢測npm的版本信息,驗證安裝
npm -v
在開始創(chuàng)建Vue項目之前腌歉,請先安裝webpack(前端資源加載/打包工具)依痊;
以及Vue的官方命令行工具Vue-cli避除,這將用于快速搭建大型單頁應用,僅僅只需幾分鐘
npm install webpack -g
npm install vue-cli -g
接下來選擇一個期望的目錄來保存項目
cd 你的目標目錄
見證奇跡的時刻到了胸嘁,通過以下Vue-cli命令瓶摆,創(chuàng)建一個基于webpack模板的Vue項目。
vue init webpack my-project
按照命令提示一步步完善項目信息性宏,包括
? Project name xxx 項目名稱
? Project description xxx 項目描述
? Author xxx 項目作者
? Vue build standalone 構建方式
? 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 是否啟用端到端測試
稍等片刻群井,項目構建成功,接下來命令窗口會提示您可以:
npm install 安裝項目依賴
cd 你的目標目錄 進到項目目錄
npm run dev 啟動項目
此時如果一切順利毫胜,在瀏覽器打開http://localhost:8080书斜,就可以看到以下頁面了
恭喜!您的Vue項目已經(jīng)在運行了酵使。
而項目結構應該就是這樣: