Vue筆記1 @vue/cli環境搭建

在這里插入圖片描述
在經歷了這么多坑之后終于build succeeded了
可喜可賀
整理下成功路徑

版本：

macOS Catalina 10.15.3
Homebrew 2.2.6
node v13.8.0
npm 6.13.7
@vue/cli 4.2.3

1. 安裝node

brew install node

坑：brew巨慢無比
解決：換清華鏡像

https://mirrors.tuna.tsinghua.edu.cn/help/homebrew/

2. 安裝@vue/cli

sudo npm install -g @vue/cli

坑：沒有權限
解決：sudo

https://www.jianshu.com/p/0207ee424422

坑：新舊版本名字不一樣
解決：@vue/cli（不是vue-cli）

https://cli.vuejs.org/zh/guide/installation.html

3. 創建項目

vue ui

本文鏈接：https://blog.csdn.net/weixin_42319408/article/details/104692863

智能推薦

vue cli3環境搭建

目錄 1.Vue cli環境搭建 1.1安裝Node.js（js的運行環境） 1.2安裝cnpm（淘寶的npm） 1.3安裝vue-cli腳手架構建工具 1.4創建項目 2.VSCode搭建vue環境 3.問題及解決 1.Vue cli環境搭建注意以管理員身份打開終端 1.1安裝Node.js（js的運行環境）（1）在Node.js官網https://nodejs.org/en/downloa...

vue-cli4.x開發環境搭建

1.安裝node node的版本要求大于8.9 2.安裝 vue-cli 打開cmd或者powershell 如果之前安裝過其他的版本沒有安裝其他版本，則直接安裝 3.檢查 4.創建Vue項目目前比較常用的有二種，今天主要介紹第一種基于交互式命令行 vue create 項目名基于圖形化界面 vue ui 5.用交互式命令創建項目 1. 新建項目 2.進入功能配置 3.手動選擇所有配置 ...

移動端vue-cli4開發環境搭建

項目說明本項目需要再PC端和移動端分別進行展示，因為企業站功能不是很復雜，所以將PC端和移動端放在一個vue工程中進行開發和打包。（注意：如果項目功能點多且交互復雜，建議將pc端和移動端分為兩個工程進行開發和打包，尤其是pc端和移動端要分別引入不同UI框架的時候。）技術棧 Vue2.x、CLI4、webpack、npm（cnpm）、node環境（10+）、vue-router、axios（自行...

vue/cli快速搭建

vue-cli安裝 npm install vue-cli -g vue-cli的版本查看 vue -V vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安裝命令安裝的并不是最新版的3.0+的，而如果安裝3.0的話就需要使用新的 npm install @vue/cli -g （如果原來已經安裝了vue-cli的話需要先卸載原來的安裝 npm uninstall vue-cli...

Vue-cli搭建

Vue-cli搭建 Vue CLI 是一個基于 Vue.js 進行快速開發的完整系統，致力于將 Vue 生態中的工具基礎標準化。它確保了各種構建工具能夠基于智能的默認配置即可平穩銜接，這樣你可以專注在撰寫應用上，而不必花好幾天去糾結配置的問題。與此同時，它也為每個工具提供了調整配置的靈活性。 Vue CLI官網介紹 https://cli.vuejs.org/zh/guide/ 1. 安裝Vue...