vue環境記錄(windows liunx)

2021-10-02 17:22:28 字數 1137 閱讀 1489

msi版本執行即可,安裝完畢後檢查是否安裝完成

node -v npm -v
安裝沒問題後先安裝cnpm

npm install -g cnpm --registry=
然後安裝vue框架

cnpm install -g vue-cli
可以自己建立vue專案:

vue init webpack mydemo
也可以初始化自己已經寫好的專案:

cnpm install
然後執行即可:

vue ui
wget
tar -xvjf node-v14.15.4-linux-x64.tar.xz -c /node
sudo ln -s /root/vue/node/bin/node  /usr/local/bin/node

sudo ln -s /root/vue/node/bin/npm /usr/local/bin/npm

在/etc/profile末尾新增

alias cnpm="npm --registry= \

--cache=$home/.npm/.cache/cnpm \

--disturl= \

--userconfig=$home/.cnpmrc"

儲存退出

node -v

npm -v

cnpm -v

# 打包

npm run build

#打包之後 將dist檔案 複製上來

# 全域性安裝 serve

cnpm install -g serve

# 將安裝的serve 新增軟連線

sudo ln -s /root/vue/node/bin/serve /usr/local/bin/serve

#執行serve -s dist -p 3000

Vue記錄1 開發環境搭建

應用環境 win10 檢驗是否安裝成功 cmd node v 檢視node安裝版本 注 1 node最新穩定版本頻繁變化 如果出現某個模組不能在當前版本使用則需要公升級node 對於node的版本管理模組 node binary 管理node版本 簡稱 n 1 cmd安裝n模組 npm instal...

Vue學習記錄 初探Vue

說完了這一些,接下來的重點,就是選型了。經過一天的搜尋,最終定位到了vue 根據vue官網的引導,搭建的過程其實很簡單 1.安裝 vue npm install vue2.命令列工具 npm install global vue cli3.初始化專案 vue init webpack office ...

vue學習記錄

vue從json中遍歷位址 例如v for item in getmenuitems key item.title vue從子元件靜態資料傳遞到父元件1.首先在子元件中定義乙個方法,通過按鈕觸動方法,此方法是子元件向父元件傳值 結算 methods 2.父元件在體現子元件的html結構處,繫結子元件...