vue lic 搭建vue專案

目錄

前提搭建好nodejs環境

vue-cli是vue.js的腳手架，用於自動生成vue.js+webpack的專案模板，建立命令如下：

vue init webpack ***

注1：*** 為自己建立專案的名稱

注2：必須先安裝vue,vue-cli，webpack，node等一些必要的環境

命令

npm

install -g vue-cli
npminstall -g webpack

安裝成功後，會出現如下檔案：

d:\initpath

node-v10.15.3-win-x64
node_global
vuevue.cmd 
vue-init
vue-init.cmd
vue-list
vue-list.cmd

安裝完成之後開啟命令視窗並輸入 vue -v（注意這裡是大寫的「v」），如果出現相應的版本號，則說明安裝成功。命令

npm run dev ***

注1：***為你的檔名

注2：專案啟動成功後，開啟瀏覽器輸入「http://localhost:8080」即可

注3：vue-cli構建的專案，在控制台npm run dev啟動後，預設的除錯位址是8080埠的但是大部分時候，

我們都要並行幾個專案開發，很有可能已經占用了8080埠，所以就涉及到如何去更改除錯位址的埠號了

config --> index.js

dev: ,

host: 'localhost', 
port: 8083,       // 在這裡修改埠號
autoopenbrowser: false,
erroroverlay: true,
notifyonerrors: true,
},

vue lic工具搭建vue webpack專案

1.安裝node環境 安裝node時候會自動安裝npm 參考官網 2.安裝vue的腳手架工具vue cli 全域性安裝 npm i vue cli g 3.使用vue cli初始化webpack專案 在這裡用的是cmd，可以選擇選項 vue init webpack test project tes...

vue專案搭建

前提安裝好node不再贅述 可以在自帶的命令列中執行,也可以在webstome中執行 安裝cnpm npm install g cnpm registry 安裝webpack 這一步可以省略,反正你也不會用 cnpm install webpack g 全域性安裝 vuecnpm install g...

Vue專案搭建

vue cli 專案搭建及常用外掛程式安裝，報錯解決 環境搭建 node v 檢測版本 2.安裝webpack npm install webpack g webpack v 檢測是否安裝成功 專案搭建 1.npm install vue cli g vue v 接下來的步驟有兩種方式 1 cd 進...