首先卸載舊版
1 npm uninstall vue-cli -g
//or 2 yarn global remove vue-cli
再次安裝
1 npm install -g @vue/cli 2 //or 3 yarn global add @vue/cl
查看版本
vue --version //or vue -V
創建項目vue create my-project//項目名// Windows 上通過 minTTY 使用 Git Bash，交互提示符並不工作。 //你必須通過 winpty vue.cmd create hello-world 啟動這個命令。
創建時會提示 preset 預置項
可以選擇默認配置
也可以選擇手動配置
Please pick a preset:
> vue-router base (vue-router, vuex, less, babel, pwa, unit-mocha)
//配置過的預置項(preset)
二。
webpack 配置
module.exports = {
baseUrl: '/',
outputDir: 'dist', //打包輸出目錄默認dist
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
// 為生產環境修改配置...
} else {
// 為開發環境修改配置...
config.resolve.alias['~'] = __dirname + path.join('/src/assets');
}
}
}
module.exports = {
baseUrl: '/',
outputDir: 'dist', //打包輸出目錄默認dist
// assetsDir: 'bbbbb', //放置生成的靜態資源 默認 ''
chainWebpack: config => { //會接收一個基於 webpack-chain 的 ChainableConfig 實例。允許對內部的 webpack 配置進行更細粒度的修改。
config.resolve.alias.set('~',path.join(__dirname, '..','src/assets'))
},
}