1. 在建立cli專案時，執行vue create 專案名; 注意名最好是英文 開頭最好是小寫；注意vue-cli是2.幾的版本是不支援直接食用指令 vue create 「專案名」 去建立vue專案的，這也是我們為什麼去跟新vue-cli 為3.幾版本的原因
2. npm create 命令是基於 vue.3.0 版本以上使用的，檢查cli版本號 vue -v ；
3. 先解除安裝原有的cli
npm uninstall vue-cli -g // 解除安裝原有cli
npm install -g @vue/cli // 安裝新版本cli
5. 這裡由於是mac版本改環境變數就不再贅述了，主要是剛入手mac不太了解
6。 我是把node和npm完全解除安裝處理**如下
# 這裡是解除安裝npm的
sudo npm uninstall npm -g
# 這裡是用來刪除node建立的各種資料夾
sudo rm -rf /usr/local/lib/node
sudo rm -rf /usr/local/lib/node_modules
sudo rm -rf /var/db/receipts/org.nodejs.*
sudo rm -rf /usr/local/include/node /users/$user/.npm*
# 刪除node命令
sudo rm /usr/local/bin/node
# 刪除node的所有man手冊
sudo rm /usr/local/share/man/man1/node.1
sudo rm /usr/local/share/man/man1/npm-*
sudo rm /usr/local/share/man/man1/npm.1
sudo rm /usr/local/share/man/man1/npx.1
sudo rm /usr/local/share/man/man5/npm*
sudo rm /usr/local/share/man/man5/package.json.5
sudo rm /usr/local/share/man/man7/npm*
# 這個命令也是刪除乙個node檔案，但不知道這檔案有什麼用
sudo rm /usr/local/lib/dtrace/node.d
// 然後執行命令會出現這樣的結果
npm -v
// 結果應該是 -bash: npm: command not found
node -v
// 結果應該是 -bash: node: command not found
// 此處證明你已經刪除了 npm 和 node
8. 在node和npm安裝完成之後， 我的mac會出現 以下一些問題 報錯
npm warn deprecated [email protected]: chokidar 2 will break on node v14+. upgrade to chokidar 3 with 15x less dependencies.
npm warn [email protected] requires a peer of @babel/preset-env@^7.1.6 but none is installed. you must install peer dependencies yourself.
npm err! code eexist
npm err! syscall symlink
npm err! path ../lib/node_modules/@vue/cli/bin/vue.js
npm err! dest /usr/local/bin/vue
npm err! errno -17
npm err! eexist: file already exists, symlink '../lib/node_modules/@vue/cli/bin/vue.js' -> '/usr/local/bin/vue'
npm err! file exists: /usr/local/bin/vue
npm err! remove the existing file and try again, or run npm
npm err! with --force to overwrite files recklessly.
npm err! a complete log of this run can be found in:
npm err! /users/521azheng/.npm/_logs/2020-06-21t09_47_02_656z-debug.log
521azhengdemacbook-pro:vue-hm-pc 521azheng$ sudo npm install -g @vue/cli
sudo npm install -g @vue/clivuecli3熱更新配置
我們在使用vuecli3的時候難免會遇到儲存 但是頁面不能自動重新整理 熱更新 的問題，今天分享一下我的熱更新的配置 chainwebpack config 只要在chainwebpack的配置項下加一行config.resolve.symlinks true 這樣我們修改儲存.vue檔案以及js ...
Vue cli3 安裝bootstrap報錯
1 安裝 jquery 2 安裝 popper.js 3 安裝 bootstrap 1.1 報錯資訊 如圖所示 1.2 猜測原因 搜尋了一下報錯，大致有以下幾種情況 1 jquery popper bootstrap bootstrap 依賴於 jquery 和 popper 三者的安裝順序不正確 ...
vue cli3的安裝使用
1 全域性安裝vue cli 使用命令 cnpm install g vue cli npm install g vue cli yarn global add vue cli 注意 nodejs版本應該大於8，否則安裝有問題 2 檢測安裝 使用vue v檢視 1 建立專案 根據自身需求選擇配置，最...