VUE 1 腳手架搭建vue專案

2021-10-02 15:13:22 字數 707 閱讀 2157

安裝成功之後驗證:node-v和npm-v

有兩個版本的vue-cli可供選擇:2.9.6版本和3.x版本

檢視版本:vue --version

建立專案:vue init webpack projectname

這裡我習慣將install vue-router 和use eslint to lint your code都設定為no

安裝依賴:cd projectname

npm install

至此,用2.9.6版本的vue-cli搭建專案完成

執行專案:npm run dev

專案打包:npm run build

檢視版本:vue -v

建立專案:vue create projectname

這裡還是取消安裝vue-router和eslint

安裝依賴:cd projectname

npm install

至此,使用3.x版本的vuecli搭建專案完成

執行專案:npm run serve

打包專案:npm run build

進入webpack.base.conf.js注釋掉圖中**

Vue 五 腳手架

稍微像樣一點的 vue.js 的開發過程,幾乎總是需要使用腳手架的。使用它可以解鎖新的可能 乙個.vue檔案包含三個部分 標籤包圍內的是模板 內包圍的是 js 並且可以使用 es6 的語法。內的則是 css 然而,瀏覽器是無法識別這個看起來簡單但是卻不真實的元件的。因此 vue.js 需要做打包,乙...

Vue3 0腳手架搭建

vue3.0官網 介紹 notice 這份文件是對應 vue cli 3.x 版本的。老版本的 vue cli 文件請移步這裡 vue cli是乙個基於 vue.js 進行快速開發的完整系統,提供 1.通過 vue cli 搭建互動式的專案腳手架。2.通過 vue cli vue cli servi...

vue腳手架搭建專案

首先安裝node,npm會自動安裝,node v 和 npm v檢視是否安裝成功和版本 切換npm為cnpm使用 映象源 npm install cnpm g registry cnpm 檢視是否成功和版本號 安裝vue cli cnpm install g vue cli vue v檢視版本 進入...