vue框架搭建 專案打包 執行

2021-08-20 07:39:41 字數 601 閱讀 2224

vue專案搭建:

1.裝node;

2.裝**映象npm install -g cnpm --registry= ;

3.安裝全域性的vue-cli腳手架,用於幫助搭建所需的模板框架;  npm install -g vue-cli

4.新建乙個資料夾,自己命名,不可以有大寫字母;

5.開啟建立好的資料夾,右鍵git bash here,定位到這個資料夾,輸入:vue init webpack my-vue(專案資料夾名);

6.進到目錄 cd my-vue   輸入cnpm install安裝依賴

7.在命令列裡繼續輸入 cnpm run dev來測試環境是否搭建成功

8.訪問http://localhost:8080/

vue專案打包:

1.檢視介面是否正確

2.改title

3.執行 cnpm i

4.執行 cnpm  run  build

vue專案執行:

to get started:

cd my-vue

npm run dev

vue專案打包步驟及執行打包專案

1 專案打包 終端執行命令 npm run build 打包成功的標誌與專案的改變,如下圖 點選index.html,通過瀏覽器執行,出現以下報錯,如圖 那麼應該如何修改呢?具體步驟如下 1 檢視package.js檔案的scripts命令 2 開啟webpack.dev.conf.js檔案,找到p...

vue專案搭建和執行

在師兄的推薦下入坑vue.js 發現不知如何執行github上的開源專案,很尷尬。通過查閱網上教程,成功搭建好專案環境,同時對前段工程化有了朦朦朧朧的認知,因此將環境搭建過程分享給大家。首先,列出來我們需要的東西 安裝node.js 安裝完成之後,開啟命令列工具,輸入 node v,如下圖,如果出現...

vue專案搭建 ElementUI 執行

安裝vue腳手架 npm install vue cli 基於命令列建立 建立專案 vue create 專案名 基於視覺化建立 vue ui 建立專案 開啟瀏覽器選擇配置建立 推薦 專案結構 node modules 依賴包 public 靜態資源 首頁,圖示。package.json 包管理 p...