Vue搭建專案 Day1 搭建腳手架Vue cli

2021-08-18 20:53:21 字數 615 閱讀 5996

一、環境安裝

要搭建vue-cli需要先在本機有node和npm的環境。

二、建立vue-cli專案

安裝vue-cli環境,在命令列裡輸入以下命令(全域性安裝):

$ npm install -g vue-cli
安裝完成之後再全域性安裝webpack打包工具:

$ npm install webpack -g
安裝成功之後用命令列建立乙個資料夾或者cd進入事先準備好的資料夾裡,開始安裝(建立乙個名字叫myproject的專案):

$ vue init webpack myproject
然後根據提示一路操作:

安裝完成之後根據提示安裝依賴執行:

npm install
npm run dev
網頁上輸入localhost:8080即可看見自動生成的模板。

Vue 搭建vue平台 day1

可以用vscode的terminal執行,windows也可以開啟cmd操作,我是用cmd操作的。1.先安裝nodejs 2.搭建vue的開發環境 安裝vue的腳手架工具 官方命令列工具 npm install global vue cli cnpm install global vue cli3 ...

vue腳手架搭建專案 初學者搭建Vue腳手架工程

在前端的知識海洋裡,各種前端框架自動化測試滿天飛,正如在當下想不被淘汰,那只有不斷的去學習心得知識,所以就有了今天的一次學習vue搭建腳手架的記錄。第一步 搭建vue工程專案,傳送門位址送給你 此是官方的位址,各種文件甚是詳細望大夥們觀摩學習,早日脫凡入聖 4.第三步 當然是今天的重頭戲啦安裝vue...

vue腳手架搭建專案

首先安裝node,npm會自動安裝,node v 和 npm v檢視是否安裝成功和版本 切換npm為cnpm使用 映象源 npm install cnpm g registry cnpm 檢視是否成功和版本號 安裝vue cli cnpm install g vue cli vue v檢視版本 進入...