安裝VUE環境

2021-09-22 12:27:42 字數 899 閱讀 5781

1、

2、以後用git作為node輸入命令列的工具【∵ 比cmd友好】

安裝git

3、桌面右擊點『 gti bash here』,輸入『node -v』,出現版本號則說明node安裝成功

4、安裝vue-cli腳手架

【vue-cli:幫助我們寫好vue.js基礎**的工具,可以部署**、目錄結構、本地除錯、單元測試、熱載入】

第一步:安裝cnpm:

兩種方式選1:

npm install -g cnpm --registry=

然後等待,安裝成功cnmp。

第二部:用npm 執行命令,安裝vue-cli:

在終端輸入:npm install vue-cli -g

然後等待,安裝成功vue-cli。

5、右擊專案目錄,點『gti bash here』

輸入【初始化專案】:vue init webpack vue-demo

注意:①專案名稱不能大寫,否則會報錯。

③install vue-router? (y/n)【vue路由】輸入y並回車

④use eslint to lint your code? (y/n) ( n )

⑤pick an eslint preset (use arrow keys) ( n )

⑥setup unit tests with karma + mocha? (y/n)  【設定端到端測試】(n)

6、回車【系統自動執行:install】

7、cd vue-demo進入專案;

8、npm run dev執行。

瀏覽器輸入:localhost:8080/如下圖則成功。

vue環境安裝

一 vue環境安裝 1.首先在電腦上安裝node.js 2.win r cmd 用node v檢查node.js是否安裝好了 3.安裝安裝 映象 npm install g cnpm registry 完成之後,用cnpm v 檢查 或 npm config set registry 4.安裝vue...

vue環境安裝

腳手架 框架 ui框架 專案框架 vue腳手架就是指的vue cli 1 安裝腳手架的命令 npm install g vue cli yarn global add vue cli 2 安裝完 執行 vue v 檢視版本 如果能檢視的到 證明安裝成功了 3 建立自己的乙個專案 vue create...

VUE環境安裝

第一步 安裝node npm v 會對應的顯示出node的版本號和npm的版本號 第二步 安裝腳手架 全域性安裝腳手架 在cmd模式下,輸入npm install global vue cli 注意 node的版本要高於8.9才能使用 vue cli 驗證 vue v或者vue version 遇到...