安裝node
官網(wǎng):http://nodejs.cn/
查看版本號(hào):node -v
版本更新到最新的穩(wěn)定版本:
1侨拦、清除npm緩存npm cache clean -f
2缺脉、安裝n模塊npm install -g n
3厨相、升級(jí)到最新穩(wěn)定版本n stable / sudo n stable(mac)
vue-cli1.x 2.x搭建
1憨攒、安裝腳手架/設(shè)置淘寶鏡像/創(chuàng)建項(xiàng)目/運(yùn)行項(xiàng)目
npm uninstall -g vue-cli
npm install -g webpack
npm install -g vue-cli (npm install -g vue-cli@版本號(hào))
npm install -g cnpm --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org)
npm init webpack myproject
npm run dev
2吝沫、域名配置-config中的dev.env.js和prod.env.js中分別配置
vue-cli3.x 4.x搭建
1烹棉、安裝腳手架/設(shè)置淘寶鏡像/創(chuàng)建項(xiàng)目/運(yùn)行項(xiàng)目
npm uninstall @vue/cli -g
npm install -g webpack
npm install -g @vue/cli (npm install -g @vue/cli@版本號(hào))
npm install -g cnpm --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org)
vue create myproject
npm run serve
2慷蠕、域名配置-.env.production env.development env.test
3掸冤、新建vue.config.js
備注:Vue CLI 4.x 需要 [Node.js](https://nodejs.org/) v8.9 或更高版本 (推薦 v10 以上)
安裝了vue-cli 3.x 后如何使用 vue-cli 2.x 創(chuàng)建項(xiàng)目
Vue CLI >= 3 和舊版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆蓋了友雳。如果你仍然需要使用舊版本的 vue init 功能稿湿,你可以全局安裝一個(gè)橋接工具:
npm install -g @vue/cli-init
vue init 的運(yùn)行效果將會(huì)跟 vue-cli@2.x相同
vue init webpack my-project