vue項目搭建,啓動

1.安裝node.js

打開cmd命令框:
檢測版本node -v,
檢測包管理工具npm -v
如果未安裝,安裝node.js
在這裏插入圖片描述

2. 安裝webpack

打開命令行工具輸入:npm install webpack -g,安裝完成之後輸入 webpack -v,如下圖,如果出現相應的版本號,則說明安裝成功。

3. 安裝vue-cli腳手架構建工具

npm install vue-cli -g
安裝vue-cli腳手架構建工具,打開命令行工具輸入:npm install vue-cli -g,安裝完成之後輸入 vue -V(注意這裏是大寫的“V”),如下圖,如果出現相應的版本號,則說明安裝成功
在這裏插入圖片描述

4.新建vue項目

接下來我們就準備構建項目了,首先就是找個磁盤,自己新建一個文件用於放我們的項目

在命令行中 cd 找到我們的項目文件

vue init webpack 項目名字<項目名字不能用中文>
然後會顯示

在這裏插入圖片描述
複製代碼
Target directory exists. Continue? (Y/n) 直接回車默認(然後會下載 vue2.0模板,這裏可能需要連代理)
Project name (vue-test) 直接回車默認
Project description (A Vue.js project) 直接回車默認
Author 直接回車默認
Use ESLint to lint your code? n
pick an eslint preset. 默認Standard
setup unit tests with karma + mocha?No(單元測試不需要)
setup e2e tests with Nightwatch?No(單元測試不需要)

cd 項目名字
安裝項目依賴 :npm install
安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource –save-dev 是你開發時候依賴的東西,–save 是你發佈之後還依賴的東西 :npm install vue-router vue-resource –save
啓動項目 :npm run dev
在這裏插入圖片描述
到了這裏,說明你的項目就可以正式運行了,打開瀏覽器輸入上述的鏈接,項目搭建完畢,可以開發了
在這裏插入圖片描述
發佈項目
npm run build

發佈了35 篇原創文章 · 獲贊 7 · 訪問量 9480
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章