Windows 下 Vue 的安裝

2021-09-30 01:54:34 字數 1677 閱讀 9435

僅介紹 windows 下 vue 的安裝

vue 是一套構建使用者介面的漸進式框架,只關注檢視層, 採用自底向上增量開發的設計

1、安裝 node.js

安裝後,開啟 cmd ,分別輸入 node -v  與 npm -v 來檢視是否安裝成功

2、安裝 vue-cli 腳手架

全域性安裝配置 npm install -g vue-cli  如果只想在某個專案中使用,可在該目錄下執行 npm install vue-cli 即可,如下

注:如果直連網路慢,可將 npm 連線源改為**映象

npm install -g cnpm --registry= 

安裝成功即可使用 cnpm 代替 npm 進行安裝,如上一步安裝 vue 腳手架可執行 cnpm install -g vue-cli

3、安裝 webpack

執行 npm install -g webpack 

4、建立 vue 專案

在指定目錄,執行 vue init webpack vuedemo (其中的 vuedemo 表示目標目錄名稱,沒有會自動建立)

然後需要輸入專案的一些資訊,如下

其中需要注意的是  use eslint to lint your code?  是否使用嚴格模式,選擇 no ,因為嚴格模式下可能會出現比較多的警告和錯誤提示問題

建立完成後,通過命令進入到該目錄下,執行 npm install 安裝所有專案需要的 npm 模組

5、專案目錄結構

專案初始化成功後,目錄結構如下

其中 src 既是專案原始碼放置路徑,components 是公用元件模組目錄,assets 是資源路徑,router 是路由,main.js 是專案入口 js 檔案。搭建的頁面 vue 檔案可放置在 components 下,也可另外新建乙個目錄存放,如 page

至此專案建立完成

6、執行專案

使用命令進入到 vue 專案根目錄,執行 vue run dev ,即可啟動專案,然後可在瀏覽器中輸入 localhost:8080 檢視專案

Windows10 下安裝Vue以及遇到的一些問題

安裝好vue之後就可以開始我們的vue之旅了,首先要在命令列中建立乙個自己專案 第一步 確定乙個資料夾用於儲存自己的專案 我建立了乙個名為vueworkspace的資料夾用於儲存自己的專案。第二步 在命令列中cd 進入該資料夾cd d workspace vueworkspace 第三步 輸入命令v...

windows下node和vue安裝配置

選擇windows的zip壓縮版本版本 這裡使用zip版本配置 解壓 配置 將解壓出來的根目錄配置到系統變數裡就行了 儲存後,開啟cmd看是否配置成功 輸入node v,npm v應該有版本號,就說明配置成功了 這個時候還要替換預設的npm包為 的npm 輸入 npm install g cnpm ...

windows下安裝Latex的安裝

prerequisite 1.windows系統 2,latex的安裝檔案 在這裡我的是映象檔案texlive2012.iso 大小約為2.15g。step 1,解壓texlive2012.iso檔案,解壓過後如下所示 2,修改 tlpkg translations路徑下的兩個檔案的名字 zh cn...