快速搭建乙個vue開發環境

2022-07-28 05:09:14 字數 635 閱讀 5900

常規的搭建就是從npm到vue到webpack這樣乙個乙個的來,這樣一套下來說不上覆雜但是也不簡單。之前公司的vue後台專案

我還是寫的輕車熟路的,因為前端同事已經把架子搭好了,環境配置的絲般順滑,你只需要vue**,基本上沒有去關注基礎架子,

這不,某天我也想用vue做個**試下,才發現基礎架子配的東西還真多(比如 熱載入,loader,babel),我不想花太多時間去研究webpack(基礎的文件還是看了一遍)。

這個時候我才發現vue官方就提供了乙個腳手架叫 vue-cli.

只需要幾句話,乙個基本的架子就有了

更換npm的**映象

安裝vue-cli

npm

install -g @vue/cli

檢視版本,如果正常,就代表安裝成功了

vue --version

建立乙個專案

vue create test

新增router外掛程式

vue add router

新增vuex外掛程式

vue add vuex

執行專案

npm run serve

打包npm run build

vue cli快速搭建Vue開發環境

安裝nodejs 建議安裝 lts 版本 安裝vue cli g引數表示全域性安裝 npm install vue cli g使用vue cli初始化乙個vue專案 my project 是專案名稱,可以根據需要修改 vue init webpack my projectcd到專案目錄中安裝相關依賴...

vue開發環境搭建

安裝完成後,附件裡選擇命令提示符 或者在開始的搜尋框裡輸入cmd回車調出命令面板 輸入 node v回車,出現相應版本證明安裝成功,node環境已經安裝完成,由於有些npm有些資源被遮蔽或者是國外資源的原因,經常會導致用npm安裝依賴包的時候失敗,所有我還需要npm的國內映象 cnpm。在命令列中輸...

搭建VUE開發環境

搭建vue開發環境 2 window r開啟控制台,輸入node v,檢查nodejs是否安裝完畢 安裝好的話會有nodejs版本號出現 3 npm config set registry 由於npm太慢,所以安裝 npm映象 4 npm config get registry,檢驗 npm映象是否...