一 通過 npm yarn 構建vue專案

2021-10-23 22:06:10 字數 2004 閱讀 8986

環境要求:node.js、vue、vue-cli

注意:

md xx 建立xx資料夾

cd xx 進入xx資料夾(cd … 返回上一級)

-g 是全域性的意思;

install 安裝

uninstall 解除安裝

init 初始化

webpack 壓縮

一、通過 npm 構建vue專案

1、檢視nodejs版本

node -v
2、檢視npm版本

npm -v
3、npm更新到最新的版本

npm install -g npm
4、** npm 映象(可不選)

npm  install  -g  cnpm  --registry=
5、vue-cli腳手架安裝

npm install vue-cli -g
6、vue-cli的版本檢視

vue -v或者是vue --version

7、vue-cli的3.0+以後使用的不是vue-cli了,如果用以上的安裝命令安裝的並不是最新版的3.0+的,而如果安裝3.0的話就需要使用新的命令

npm install @vue/cli -g
8、如果原來已經安裝了vue-cli的話需要先解除安裝原來的安裝

npm uninstall vue-cli -g
第一種建立專案

1、因為vue腳手架的一些好用的功能是基於webpack模組的,所以首先你應該全域性安裝webpack模組(安裝成功後應該會出現版本號)

npm install webpack -g //全域性安裝webpack
webpack -v //檢查webpack是否安裝成功, 成功即出現版本號。
2、建立專案

vue init webpack projectname

npm install 或者 cnpm install
4、執行專案:(老版本啟動是npm startnpm run dev,新版本是npm run serve

npm run dev
第二種建立專案

vue-cli 3.0或4.0

cnpm install -g @vue/cli
vue -v
vue create 專案名字
cd 專案
npm run serve
二、通過 yarn 構建vue專案

1、首先全域性安裝 yarn

npm install yarn -g
解除安裝 yarn:npm uninstall -g yarn

yarn config set registry
3、檢視映象是否切設定成功

yarn config get registry
4、全域性安裝vue-cli腳手架

yarn global add @vue/cli
5、檢視是否安裝成功

vue -v
或者vue --version

6、建立腳手架專案

vue create 專案名稱

一 通過替換linux rm命令防止誤刪除

通過替換linux rm命令防止誤刪除 1.在 home username 目錄下新建乙個目錄,命名為 trash 2.在 home username tools 目錄下,新建乙個shell檔案,命名為 remove.sh plain para cnt trash dir home username...

賽車遊戲 一 通過藍芽實現兩個手機互動

這個例子是與 賽車遊戲 二 的例子相聯絡的,並通過藍芽實現人機互動。想執行這個應用程式,你需要兩個藍芽終端手機 例如 索尼愛立信 k750 並在啟動程式前連線這兩個手機。一旦通訊被建立,3d世界將啟動,每個玩家會看見兩輛賽車 他自己和對手。在 3d世界中,每位選手可以使用手機軟鍵來操縱他自己的賽車。...

C 中線程的使用(一) 通過委託開啟乙個執行緒

整理一下關於c 中線程的使用方法,這裡講的是使用委託開啟執行緒,含有返回值的方法,用func開啟執行緒 還是直接看 吧 using system using system.collections.generic using system.linq using system.text using sy...