vue 項目創建

首先安裝node,如果沒安裝過去上篇vue項目運行裏去查看

安裝vue

首先進行vue的全局安裝,這樣vue會安裝到node 的文件夾下,否則將安裝到當前目錄

npm install --global vue-cli

-global 意思是全局安裝

安裝完成後 輸入 vue -version 出現版本號,則安裝成功

創建自己存放項目的目錄,用於存放vue項目

然後進入自己創建的目錄運行以下命令
vue init webpack vue
使用webpack 創建一個基於webpack 模板的新項目. 後面的vue 爲項目名
在這裏插入圖片描述
創建項目成功後打開項目文件夾
你可以在你選擇的文件加下看到這些文件 (其中node-modules是依賴安裝後出現的,沒安裝依賴以前是沒有node_modules文件夾的)
在這裏插入圖片描述

進入項目,執行運行命令

cd vue
npm run dev

打開瀏覽器,輸入localhost:8080

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章