一、常用命令

vue -V 查看本地 vue 版本

二。官方文檔

三、創(chuàng)建文件

3.0：vue create 進(jìn)入工程文件夾，創(chuàng)建項(xiàng)目。

2.0：vue init webpack

四、啟動項(xiàng)目

3.0啟動npm run serve

2.0啟動npm run dev

五、目錄結(jié)構(gòu)。

build沒了、config沒了、哦對了還有最重要的一點(diǎn)，3.0的安裝項(xiàng)目時自動下載node-model。

在根目錄下創(chuàng)建一個vue.config.js

module.exports = {

baseUrl: process.env.NODE_ENV === 'production' ? '/productionUrl/' : '/',

// outputDir: 在npm run build時 生成文件的目錄 type:string, default:'dist'

// outputDir: 'dist',

// pages:{ type:Object,Default:undfind }

devServer: {

port: 8888, // 端口號

host: 'localhost',

https: false, // https:{type:Boolean}

open: true, //配置自動啟動瀏覽器

// proxy: 'http://localhost:4000' // 配置跨域處理,只有一個代理

proxy: {

'/api': {

target: '',

ws: true,

changeOrigin: true

},

'/foo': {

target: '',

changeOrigin: true

}

}, // 配置多個代理 } }

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的cli2弃用了吗 vue_vue-cli 3 和 vue-cli 2的区别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。