Vue構建專案基礎入門

2022-06-05 03:21:11 字數 2167 閱讀 2588

1、新建目錄檔案，檢視node環境和npm環境：

deepyk@desktop-n72n3fv mingw64 ~/desktop/web20181113 (master)


$ npm -v


6.4.1


deepyk@desktop-n72n3fv mingw64 ~/desktop/web20181113 (master)


$ node -v


v8.12.0
2、安裝npm腳手架（參考：

yarn global add @vue/cli
也可以使用npm install -g @vue/cli ； 個人覺得使用yarn命令安裝更快。檢查是否安裝成功

deepyk@desktop-n72n3fv mingw64 ~/desktop/web20181113 (master)


$ vue --version


3.0.5
3、建立專案

vue create website

$ cd website


$ yarn serve
4、切換到專案目錄，執行專案

5、瀏覽器輸入：http://localhost:8080/，檢視結果

執行成功。

其他：1、檢視vue搭建的專案目錄結構

其中package.json是專案配置資訊：

2、專案中，會常用到vuex，vue router，element ui等外掛程式

deepyk@desktop-n72n3fv mingw64 ~/desktop/web20181113/website (master)


$ yarn add vuex



deepyk@desktop-n72n3fv mingw64 ~/desktop/web20181113/website (master)


$ yarn add vue-router



deepyk@desktop-n72n3fv mingw64 ~/desktop/web20181113/website (master)


$ yarn add element-ui
檢視package.json,已經成功安裝

基本搭建已經成功。

小果在安裝過程中，遇見了好多問題，還有一些報錯，這是解決了報錯之後，進行的基本搭建，歡迎各位一起**！

vue專案構建

初始化建立自動生成的資料夾 檔案 vue item build webpack 相關的配置資料夾 基本不需要修改 dev server.js 通過 express 啟動後台伺服器 config webpack 相關的配置資料夾 基本不需要修改 index.js 指定的後台服務的埠號和靜態資源資料夾 ...

Vue專案的構建

安裝vue cli vue安裝vue cli官網文件 新建vue config.js 檔案,設定專案基本配置 專案配置 const environment require src config environment 引入環境配置檔案 const path require path 引入檔案路徑處理...

Jenkins構建Vue專案

一 jenkins job相關配置 二 發布指令碼 root data 05 nps cat nps web page.sh bin sh user ip 172.168.168.109 user name root dst dir fs01 nps web web page manage boot...