57.搭建Vue環境

阿新 • • 發佈：2019-01-04

nodejs官網http://nodejs.cn/下載安裝包，無特殊要求可本地傻瓜式安裝，這裡選擇2017-5-2釋出的 v6.10.3
cmd命令列：
node -v //顯示node版本 v6.10.3

npm -v //顯示npm包管理器版本 3.10.10
由於有些npm有些資源被遮蔽或者是國外資源的原因，經常會導致用npm安裝依賴包的時候失敗，所有我還需要npm的國內映象---cnpm
Cmd命令列中輸入npm install -g cnpm --registry=http://registry.npm.taobao.org
安裝vue-cli腳手架構建工具
至此，我們需要的環境及工具已經準備好了。
接下來，我們使用vue-cli來構建專案。
首先，我們先選擇進入到e我們的工作目錄為 E:\個人\VueJS。此目錄需先建好，目前是空的，這個工作目錄以後會新增各個專案目錄。
在VueJs目錄下，執行命令vue init webpack firstVue。其中，webpack是構建工具、模組打包器，也就是整個專案是基於webpack的。其中，firstVue是專案資料夾的名稱，這個資料夾會自動生成在vuejs這個工作目錄中。

安裝過程中，需要我們輸入專案名稱，描述，作者，版本（獨立版）,使用ESLint規範等等，此時，我們看到工作目錄下已經自動生成了目錄firstVue,如下圖。
主要用的包都在package.json中，如下圖
cd到我們的專案資料夾firstVue中，執行命令cnpm install 安裝包,(注意：我們已經使用淘寶映象cnpm)
安裝完之後，我們發現專案資料夾下多了一個node_modules目錄，裡面就是專案依賴包資源
安裝完依賴包之後，就可以執行整個專案了。執行專案在專案目錄中，執行命令 npm run dev ，會用熱載入的方式執行我們的應用，熱載入可以讓我們在修改完程式碼後不用手動重新整理瀏覽器就能實時看到修改後的效果。
如果啟動過程中出現下方問題，只需要將config目錄下的index.js檔案中dev埠由8080改為8088

nodejs官網http://nodejs.cn/下載安裝包，無特殊要求可本地傻瓜式安裝，這裡選擇2017-5-2釋出的 v6.10.3 cmd命令列： node -v //顯示node版本 v6.10.3 n

原因重新安裝測試環境安裝如圖所示安裝包依次等待環境做了幾個月vue項目，最近兩個項目使用腳手架搭建的，確實用腳手架搭建方便了許多，想想以前自己手配的時候，確實是。。。 1.在這之前我是默認你已經使用過vue的，也默認你已經安裝了node.js 2.接著安裝

界面 post nod 腳手架命令提示符直接 cli 安裝 pos 打開電腦命令提示符開始菜單-輸入cmd-（再輸入以下步驟）node -v 　　　　　　　　　　查看node.js的當前版本npm install vue -g(全局) 　　在npm網址(代碼倉庫

.com ejs webp route 環境 bsp 沒有目前找到第一步 node環境安裝 1.1 如果本機沒有安裝node運行環境，請下載node 安裝包進行安裝1.2 如果本機已經安裝node的運行換，請更新至最新的node 版本下載地址：https://nod

net 鏡像 attribute int 創建項目驗證完全開頭 src 1.安裝node.js 進入官網：https://nodejs.org/en/ 選擇適合自己的版本下載，可以一直選擇下一步進行安裝。 2.驗證node是否安裝成功安裝完成之後，在桌面打開終端

out ash npm ctr ref cli href http 沒有第一步 node環境安裝 1.1 如果本機沒有安裝node運行環境，請下載node 安裝包進行安裝1.2 如果本機已經安裝node的運行換，請更新至最新的node 版本下載地址：https://no

1、安裝node.js,在官網下載，直接下一步，完成。nodejs裡預設包含npm環境。國內安裝包的速度太慢，建議使用cnpm淘寶映象。 npm install -g cnpm --registry=https://registry.npm.taobao.org 2、vue-cli構建S

Vue理念（題外話） 1、Node安裝 2、基於node.js,安裝淘寶映象國內直接使用 npm 的官方映象是非常慢的，這裡推薦使用淘寶 NPM 映象。新建一個資料夾，開啟資料夾，在資料夾中按住鍵盤的 shift鍵 + 滑鼠

本人win10，整理一些常見的npm報錯與大家分享 ERROR 1~~~~~~~~~~~~ npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] install: node inst

ack sta -c style web webpack vue webp pan 安裝vue環境首先安裝node brew install node 安裝好後，node -v，npm -v 測試是否安裝成功安裝vue npm instal

ini cnpm 直接人在 mod 不發送 package 3.0 mage 發環境的搭建安裝node.js 直接下一步就好，註意安裝的位置 Node.js官網：https://nodejs.org/en/ 驗證Node.js是否安裝好，在windows下，wi

vue.js 下載國內鏡像源 con ref nbsp glob 版本號 org 第一步：安裝node.js。 ·　　　1、在f盤上新建文件夾node，jiang 2、百度node官網，下載node.js 　　　 3、點擊下載的node.js進

build tao 2.0 png 模板 gis mage tps 環境 npm install -g vue //全局安裝vue npm install -g webpack //全局安裝webpack npm install -g vue-cli

包管理器 webp data- header 開發環境 mage all ins 點擊 1，安裝node.js Node.js官網：https://nodejs.org/en/ 進入Node.js官網，選擇下載並安裝Node.js。安裝過程只需要點擊“下一步”即可，如下圖

each one div imp routes out var history 掛載完成後目錄展示： component文件裏放的是頁面，parts放的是入口文件main.js需要引入的js依賴。事先安裝cnpm。然後用腳手架工具 vue-cli 來創建一個使用

tail sdn dos命令文章設置 fin mod 目的 glob 系統要求： win10 64位淘寶鏡像：https://registry.npm.taobao.org 根路徑：我的默認為 D:\ 以下安裝我默認node安裝目錄為node-install , 百度

core json pos 比較 all 堅持鼓勵路徑 log 1，在配置package.json下載node依賴包時，執行$cnpm install過程中，這個過程是比較漫長的，尤其的這種core i5配置的電腦，簡直有點卡的人懷疑人生，後來動了下有消息輸出，我以為下

cnpm 依賴庫 html image mage ack png 你是第三方庫首先在初始化一個vue項目之前,我們需要下載node.js,並且安裝! 下載地址: nodejs.cn/download 安裝完成之後,windows+r 運行命令 cmd 輸入node

檢測 com targe ima 版本號 info get 下載 gpo 原文鏈接 vue現在在前端，相對於算是現在前端工程師都比較常用的框架之一，他和angular有一些相似之處，所以用過angular的夥伴們，再來學習vue應該不會感覺太難；一

圖片需要 int alt first .html ron 接下來 post nodejs官網http://nodejs.cn/下載安裝包，無特殊要求可本地傻瓜式安裝，這裏選擇2017-5-2發布的 v6.10.3 cmd命令行： node -v //顯示