vue腳手架環境搭建

2021-08-11 11:38:24 字數 389 閱讀 2335

安裝node.js 安

裝vue-cli

使用指令npm install -g vue-cli  

全域性安裝腳手架

初始化專案

先cd到自己想要建立新專案的資料夾下,然後使用vue init指令 

vue init 

模板型別

專案名稱

vue的模板型別,有很多種,可以使用vue list 指令檢視

使用webpack模板,專案名叫shop

vue init webpack shop

接下來進入sell資料夾,執行npm install。會發現專案中多了乙個叫node_modules的資料夾

執行vue環境

接下來使用 npm run dev命令執行專案環境

vue環境配置腳手架環境搭建vue工程目錄

安裝完成之後,windows r 執行命令 cmd 輸入node v 檢查是否已經安裝成功.如果會顯示版本資訊,說明安裝成功 現在就可以使用node中的npm包管理器來構建vue專案 npm install g cnpm registry 之後就可以用cnpm 代替npm了 執行命令cnpm ins...

vue環境配置腳手架環境搭建vue工程目錄

安裝完成之後,windows r 執行命令 cmd 輸入node v 檢查是否已經安裝成功.如果會顯示版本資訊,說明安裝成功 現在就可以使用node中的npm包管理器來構建vue專案 npm install g cnpm registry 之後就可以用cnpm 代替npm了 執行命令cnpm ins...

vue cli3 11安裝腳手架 環境搭建

安裝nodejs,自帶npm npm uninstall vue cli g or yarn global remove vue cli npm install g vue cli npm install g vue cli ps vue cli2的安裝方法 npm install g vue cl...