vue專案基本步驟

2022-02-10 15:25:18 字數 855 閱讀 3075

首先檢視電腦是否已經安裝vue並檢視版本:

window+r快捷開啟命令列,cmd,輸入node -v回車

如果未安裝操作步驟如下:

1:$ cnpm install vue(新電腦安裝vue,永久)

2:$ npm install --global vue-cli(安裝vue-cli腳手架構建工具,永久)

3:$ vue init webpack my-project(初始化vue,建立乙個基於 webpack 模板的新專案)

4:回車,填寫y/n (eslint要選擇n,其他全部y);

5:$ cnpm install(安裝專案所需要的依賴,也許會自動安裝,可省略)

6:(cd 資料夾名稱)+本地執行專案npm run dev(檢視readme裡面步驟)

7:打包npm run build(專案完成發布時候才執行)

專案開始步驟:

1:src-compoents(元件資料夾)-建立頁面.vue

2:assets放公共靜態css/js/image/等資源

3:router:配置路由(唯一乙個路由檔案)

ctrl+alt+d注釋

突出顯示匹配標籤標記,安裝vincaslt

中文:安裝language packs外掛程式後,ctrl+shift+p,輸入language檔案找到locale.json更改配置en>zh-cn

這裡並不是全部的分類都是這樣, 只是把一些,大家習慣這樣寫的都放在這裡.

vue著手開始之大白話

vue cli建立vue專案基本步驟

vue是當前比較流行的前端框架之一,被很多大公司所使用,學會使用它將會使我們的前端開發變得更加高效。這裡簡單介紹一下通過vue cli 俗稱 腳手架 建立vue專案的步驟。在電腦上安裝nodejs.檢查node和npm的版本,更新npm版本 node v 檢視node版本 npm v 檢視npm版本...

安裝vue專案步驟

1 安裝node要在配置環境變數之前,2 檢視node和npm的安裝是否成功 node v npm v 3 更新npm的版本 npm install g npm 也可以用 映象 cnpm 4 安裝vue腳手架 vue cli npm install g vue cil 也可用國內映象來安裝 npm ...

vue建立專案步驟

全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm install npm run dev 在config裡index...