vue cli2 建立專案

2021-10-09 08:58:05 字數 570 閱讀 5144

安裝node(可選用node 10版本,相容vue-cli2,vue-cli3)

node -v :檢視node版本 (node10.22.1)

npm -v :檢視npm版本 (npm 6.14.6)

vue-cli2文件

cnpm install -g vue-cli

vue init webpack 資料夾名 (webpack,webpack-******)

cd 資料夾名

cnpm install

cnpm run dev

cnpm run build

可在package.json

scripts裡的dev的最後加上–host 本機ip --port 埠號

control+c 關閉專案執行(mac:不是cmd!是control!)

若埠產生遞增問題,則是設定的埠被占用

mac關閉占用埠

終端輸入:

sudo lsof -i:port (你設定的埠) //查詢是否占用

sudo kill pid(查詢出的條目的pid)//殺掉

同時安裝Vue CLI2和Vue CLI3的方法

如果你想體驗vue cli3的簡潔清爽,又偶爾需要使用vue cli2,那這篇帖子就是你需要的。配置方法改進於 同一臺電腦 實現 vue cli2和vue cli3同時並存 原方法使用了直接修改檔名的方式,不夠美觀,破壞式的,改進後為透傳呼叫。修改 2019 08 14 原方法使用了直接修改檔名的方...

vuecli2建立的元件庫工程實現按需引入

目前最新的vuecli版本是3,而vuecli3與vuecli2都使用了相同的命令vue,所以vuecli2被覆蓋了,如果要使用vuecli2的init命令建立工程,需要安裝乙個橋接工具 vue cli init 工程位址 npm install g vue cli init vue init 的執...

vue cli2 打包全配置

vue cli2 打包全配置 將vue 全部打包分離出去 減小limit 過大的不去打包成base64 webpack.base module.exports module utils if options.extract webpack.prod output index dev various ...