軟件版本

Vue.js	2.5.2
vue-router	3.0.1
Node.js	v8.15.0
NPM	6.4.1

文章目錄

• 一、 Vue項目預(yù)熱 - 環(huán)境配置
• • 1. node.js環(huán)境配置
  • • 1-1. node.js下載
    • 1-2. node.js安裝
    • 1-3. node.js安裝完成后驗證
    • 3-2. 創(chuàng)建一個基于 webpack 模板的項目
    • 3-3. 以npm形式運行travel項目 dev環(huán)境

一、 Vue項目預(yù)熱 - 環(huán)境配置

1. node.js環(huán)境配置

1-1. node.js下載

node.js官網(wǎng)：https://nodejs.org/en/download/

1-2. node.js安裝

• 一路下一步即可

1-3. node.js安裝完成后驗證

3-2. 創(chuàng)建一個基于 webpack 模板的項目

vue init webpack travel

• 安裝圖解

序號圖解 說明選擇

①	travel文件夾已經(jīng)存在，是否網(wǎng)這個文件夾中添加文件	y
②	項目名叫什么(要和你的項目名保持一致)，不能大寫 ，	默認(rèn)即可
③	添加項目描述	vue2.5 去哪兒app
④	添加作者	gb-heima <754263923@qq.com>
⑤	選擇編譯形式	standalone
⑥	是否安裝 vue-router工具，路由工具	y
⑦	是否使用ESLint對你的代碼規(guī)范進(jìn)行檢查	y
⑧	選擇代碼檢測的規(guī)范	Standard
⑨	是否進(jìn)行單元測試	n
⑩	是否進(jìn)行e2e測試	n
?	包管理使用npm還是用yarn

項目初始化完成！！！

3-3. 以npm形式運行travel項目 dev環(huán)境

cd travel npm run dev

• 瀏覽器訪問vue終端：
  http://localhost:8080
  
  到此vue環(huán)境配好了！！！

總結(jié)

以上是生活随笔為你收集整理的Vue 项目预热的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。