vue安裝命令

❶ 怎樣在電腦上安裝vue

從node.js官網下載並安裝node，一般我們windows系統下載 Windows Installer (.msi) 64位的就好，安裝過程很簡單，一路「下一步」就可以了（傻瓜式安裝）。安裝完成之後，打開命令行工具，輸入node -v，如下圖，如果出現相應的版本號，則說明安裝成功。

npm包管理器，是集成在node中的，所以，直接輸入npm -v就會如下圖所示，顯示出npm的版本信息。

node環境已經安裝完成，npm包管理器也有了。由於有些npm有些資源被屏蔽或者是國外資源的原因，經常會導致用npm安裝依賴包的時候失敗，所有我還需要npm的國內鏡像---cnpm。

安裝cnpm

在命令行中輸入npm install -g cnpm --registry=http://registry.npm.taobao.org然後等待下載，大概2分鍾。

安裝vue-cli腳手架構建工具

在命令行中運行命令npm install -g vue-cli，然後等待安裝完成。

通過以上三部，我們需要准備的環境和工具都准備好了，接下來就開始使用vue-cli來構建項目。用vue-cli構建項目要創建項目，首先我們要選定目錄，然後再命令行中把目錄轉到選定的目錄。在這里，我選擇桌面來存放新建的項目，則我們需要先把目錄cd到桌面，

在桌面目錄下，在命令行中運行命令vue init webpack firstVue。解釋一下這個命令，這個命令的意思是初始化一個項目，其中webpack是構建工具，也就是整個項目是基於webpack的。其中firstVue是整個項目文件夾的名稱，這個文件夾會自動生成在你指定的目錄中（我的實例中，會在桌面生成該文件夾），如下圖。

運行初始化命令的時候回讓用戶輸入幾個基本的選項，如項目名稱，描述，作者等信息，如果不想填直接回車默認就好。

打開firstVue文件夾，項目文件如下所示

這就是整個項目的目錄結構，其中，我們主要在src目錄中做修改。這個項目現在還只是一個結構框架，整個項目需要的依賴資源都還沒有安裝

安裝項目所需要的依賴包，首先cd到項目文件夾（firstVue文件夾），然後運行命令cnpm install，等待安裝

安裝完成之後，會在我們的項目目錄firstVue文件夾中多出一個node_moles文件夾，這里邊就是我們項目需要的依賴包資源。

安裝完依賴包之後，就可以運行整個項目了。

輸入： cnpm run dev 運行

這里簡單介紹下npm run dev命令，其中的「run」對應的是package.json文件中，scripts欄位中的dev，也就是node build/dev-server.js命令的一個快捷方式。項目運行成功後，瀏覽器會自動打開localhost:8080（如果瀏覽器沒有自動打開，可以手動輸入）。

❷ 怎麼查看vue.js是否安裝成功

查看vue.js是否安裝成功的具體步驟如下：

1、首先打開電腦桌面左下角開始菜單欄中的「運行」。

❸ 開發vue的過程中，需要面對的主要問題有哪些

vue項目的開發流程

1.$node-v(檢測node版本，node版本需要在V4以上)

2.全局安裝vue$npminstall-gvue

3.安裝腳手架$npminstall-gvue-cli

4.運行vue命令，看是否已安裝完畢$vue/$vuelist(查看可安裝的模板)

5.安裝模板$vueinitwebpack(模板)sell(項目名稱)

6.?Projectnamesell

?Projectdescriptionsellapp

?AuthorcrazyCode<[email protected]>

?UseESLinttolintyourcode?Yes

?PickanESLintpresetStandard

?SetupunittestswithKarma+Mocha?No

?Setupe2etestswithNightwatch?No

7.$cdsell(進入項目目錄)

8.$ll-a(查看目錄結構)

9.$npminstall(安裝模塊下代碼的依賴)

10.$npmrundev(運行項目)

11.項目准備A.新建resource文件夾，將圖片文件放在resource之中

B.通過IcoMoon將svg圖片製作成矢量圖標

12.設計項目目錄A.所以的代碼文件都放在src文件夾中，src下一般有三個子目錄assets、components(在其中自建文件夾，存放組件，滿足組件就近維護的原則)和common(公共的模塊和資源，其中有3個子目錄,js,stylus,fonts)

B.圖片資源文件放在resource文件夾之中

13.復制之前的矢量圖標文件(4個)及style.css，存放在fonts文件目錄和stylus文件目錄下，將style.css改名為icon.styl且內容格式同步（只需刪除文件中{}和；即可）

14.刪除assets和router目錄

15.編制數據介面build-->dev-server.js

在dev-server中設置獲取調用數據

16.安裝Google的jsonview插件，格式化json數據

17.在static項目下，新建css文件夾，存放reset.css,官網：yingtaow.com

18.配置分號（;）semi(默認eslint是沒有分號的，如果強加；號，會報錯，需要到eslintrc.js下配置)

19.設置代碼縮進

20.在App.vue上進行區塊布局

注意路徑./表示當前路徑

import***from'***'-->引用

exportdefault{

components:{

'v-header':header

}

}-->注冊

export與exportdefault的區別是exportdefault是相對於整個modal導出

21.安裝stylus-loader之前，需先安裝stylus

$npminstallstylus

$npminstallstylus-loader

❹ VUE怎樣下載

1. 可以到vue官方下載自己所需要的版本。
2. 可以在其他第三方網站下載，一般代碼都是一樣的。
3. 直接在命令提示符中執行npm安裝指令安裝。

❺ elen怎麼安裝

摘要 您好~很高興給您提供咨詢業務，如果您對我的服務滿意的話，別忘了贊哦~您要的內容如下：

❻ 關於vue的安裝

1.從node.js的官網下載node.js,本次演示選擇的是穩定2.安裝node.2基本上是一路next,重點是要選擇安裝的位置啦，本次演示選擇安裝在E:\nodejs里3.安裝完畢後,配置node.js
運行cmd
執行npm路徑配置命令
npm config set prefix "E:\nodejs\node_global"npm config set cache "E:\nodejs\node_cache"
查看本地倉庫
npm list -global
更換鏡像站為國內的淘寶鏡像站
npm config set registry=http://registry.npm.taobao.org
查看本地鏡像能不能通
npm config get registry
注意，此時，默認的模塊E:\nodejs\node_moles 目錄將會改變為E:\nodejs\node_global\node_moles 目錄，如果直接運行npm install等命令會報錯的。增加環境變數NODE_PATH 內容是：E:\nodejs\node_global\node_moles
關閉cm4.安裝vue相關包
重新打開cmd
npm install vue -g 安裝vuenpm install vue-router -g 安裝vue-routernpm install vue-cli -g 安裝vue腳手架這里的-g是指安裝到global全局目錄去
安裝完成後，此時安裝的文件都會到E:\nodejs\node_global\node_moles中
關閉cmd
對path環境變數添加E:\nodejs\node_global
重新打開cmd
運行vue -V ,如果顯示版本號 則到此安裝完成

❼ 安裝vue報錯

首先，你知道你是要通過一條命令來安裝vue，對吧！
我現在渴了，我給你和電腦都下達一條命令： 下達命令 去倉庫把 XXX 搬過來。
我的意思是讓你搬水，但是我下達的命令確實讓你搬XXX，那你是搬水呢？還是搬XXX呢？
如果你聰明，會立即反應過來，XXX不就是水么！你聰明但電腦可不聰明，它不知道XXX就是我想要的水，它根本就不懂我渴了。所以它就回去倉庫找一個名叫「XXX」的東西，它找不到XXX就回來跟我說：找不到XXX，XXX不在倉庫。
同理，你想要安裝vue，但是你下達的命令確實讓它安裝xxx，所以它找不到，找不到當然報錯！
而且XXX是個代指，你別告訴我你小學沒畢業，連XXX是個代指其它物品的符號都不理解！！！

❽ vue vue-cli腳手架 要先安裝哪個

一般就是這樣：
本人測試vue-cli，使用的各個工具的版本，分別是node6.95、webpack3.6.0、vue2.4.4。

第一步，安裝node.js。
PS：我所使用的系統是win7的64位。
PS：檢測node.js是否安裝成功，在命令行中輸入node -v即可。

第二步，安裝cnpm。點擊運行，輸入cmd，執行命令：$ npm install -g cnpm --registry=https://registry.npm.taobao.org。
PS：有的朋友可能安裝cnpm不成功，如果不成功可以自行網路，尋找解決方案。如果不能解決，以後只能使用npm命令，npm命令執行效率會比較慢。
PS：檢測cnpm是否安裝成功，在命令行中輸入cnmp -v即可。

第三步，安裝webpack。執行命令：cnpm install webpack -g。
PS：同樣的事使用webpack -v來檢測webpack是否安裝成功。

第四步，安裝Vue。執行命令：cnpm install vue。

第五步，全局安裝vue-cli。執行命令：cnpm install --global vue-cli。(此步可以忽視)

第六步，在開源處(即存放網站的地方)，執行操作：shift+右鍵，點擊在此處打開命令窗口。

第七步，執行命令vue init webpack projectname(自定義項目名)或vue init webpack-simple projectname(自定義項目名)。
PS：本人使用的是webpack-simple。

第八步，等下載完以後，會提幾個問題，如果需要，可以寫上作者名字，其他都回車跳過或者y確認。(或按需添加)

第九步，執行命令cd projectname(自定義項目名) 定位到這里。

第十步，cnpm install安裝依賴。

第十一步，npm run dev。

❾ vue3.0安裝會報錯

vue-cli 還沒有直接支持 vue3.0，需要依賴插件從2.0升級3.0
cd vue3-demo(這是你的項目名字,如果已經在該項目根目錄,可不需要這步)
vue add vue-next
執行完上述命令後，會自動安裝 vue-cli-plugin-vue-next 插件，它會將項目升級為 vue3.0 的依賴環境，包括 vue-router 和 vuex 都會升級為 4.x 的版本。