項目搭建

安裝vue-cli

npl install vue-cli -g

vue init webpack my-project ?初始化項目

npm install ?安裝項目依賴 ?-->>npm run build 生成上線目錄部署

nmp run dev

在localhost啟動測試服務器

步驟一

1.完成node.js安裝搭建

目的:配合前端開發(fā)搭建 為全局工作

方法:通過官網(wǎng)下載 安裝 ?.msi文件(微軟標準安裝包文件)

驗證:

通過cmd 命令窗口 ?輸入node 進入node工作狀態(tài)

輸入console.log(1); 驗證node是否可以工作

退出

輸入npm -v 查詢版本

2.配置環(huán)境變量

配置"主機用戶變量"(環(huán)境變量上面一欄) ?設置PATH 變量 值為C:\Users\lenovo\AppData\Roaming\npm

3.git-bash軟件安裝配置

4.cd 項目地址

5.cnpm install安裝依賴

說明:cnpm為國內常用下載依賴配置方式 ?國外一般用npm 當然 以實際速度為準

易產生問題:npm 與cnpm版本不一致

建議使用別名設置方法

步驟二

1.安裝腳手架工具

輸入cnpm install vue-cli -g

2.輸入vue --help 看常用命令

3.輸入vue -V 看版本

4.輸入vue list 看官方模板,

5.輸入vue init webpack 項目包名字

項目名輸入

項目描述

作者

ESLint 代碼檢查工具 使用了會對你代碼格式進行嚴格檢查

測試工具是否使用

完成項目創(chuàng)建

6.項目創(chuàng)建后

主要文件在src中建立

主頁為index.html

package.json為主要的配置文件

其中有兩個腳本為:

dev : node bulid/dev-server.js

build : node build/build.js

開發(fā)依賴內容為devDepencies

7.**進行項目依賴按照

進入項目文件中

輸入cnpm install

項目依賴配置完成

按照完畢后 項目文件夾多一個node_modules/ 目錄

8.輸入npm run dev

項目啟動

9.npm run build ?生成項目部署文件

總結

以上是生活随笔為你收集整理的vuecli4 启动_vue 常见命令 (启动 部署)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。