Vue專案的搭建

2021-10-09 14:55:33 字數 1467 閱讀 5040

node -v
npm -v
終端顯示:

安裝nodejs之後使用npm來安裝包使用的是國外的位址,經常會出現超時錯誤,可以通過修改為國內的**源來加速安裝。

臨時使用

npm --registry  install express
永久使用

npm config set registry
通過命令檢視是否配置成功

npm config get registry

npm info express

npm config set registry
使用cnpm

安裝**的cnpm,然後在使用時直接將npm命令替換成cnpm命令即可

npm install -g cnpm --registry=
安裝的時候用如下命令

cnpm install express
sudo chmod -r 777 /usr/local/lib/node_modules/
如果不獲取許可權的話,每次用npm都要在命令前新增sudo獲取許可權,否則會產生errno13的錯誤(-訪問被拒絕)

cnpm install webpack -g
同樣的可以通過webpack -v檢視版本,檢查是否安裝成功。其實安裝成功後,也會有**提示現在安裝好webpack版本。

cnpm install vue-cli -g
1.進入目錄(這裡以桌面為例)

vue init webpack 工程名

如果不寫名字,會預設當前目錄為檔名。

進行一些簡單的設定,如果是剛開始學習vue的話就安裝下面的進行配置。

等待一兩分鐘搭建專案

(專案名)

複製終端裡的路徑,網頁上開啟,vue專案就建立好了。

附上window的vue專案搭建:

VUE專案的搭建

vue版本介面.png node v npm v npm install g vue cli vue v vue create xiaomi cd xiaomi npm run serve 1.引入css js import assets css css import assets js js 2....

搭建乙個vue專案的流程

1.檢測vue 的版本12 3vue v v大寫 or vue version 2.安裝 vue cli 1npminstall g vue cli ps vue cli2的安裝方法 npminstall g vue cli 安裝全域性橋外掛程式,能相容使用vue cli2 1npminstall ...

vue 專案的建立

1.開始動手之前,必須先得在機器上安裝好 npm 然後輸入以下指令將 vue cli 安裝到 的全域性環境中 只需要一次 npm i vue cli g npm 可以理解為前端方面的應用商店管理 2.然後,我們就可以開始建立工程了,鍵入以下的指令 vue init webpack demotest ...