安裝vue專案步驟

2021-08-28 13:50:50 字數 648 閱讀 1785

1、安裝node要在配置環境變數之前,

2、檢視node和npm的安裝是否成功 node -v npm -v

3、更新npm的版本 npm install -g npm 也可以用**映象 cnpm

4、安裝vue腳手架 vue-cli npm install -g vue-cil;也可用國內映象來安裝 npm install -g cnpm --registry=

安裝腳手架成功之後 輸入 vue -v 可以判斷是否安裝成功。

5、生成專案

建立vue專案 vue init webpack (專案名稱)

6、建立專案之後可以看到裡面的配置檔案 進入專案之後用 cnpm install 安裝專案依賴

7、然後啟動專案 npm run dev 或者配置好的專案用 npm start

8、專案完成之後預設是8080埠,可以自己在配置檔案裡面修改埠號

9、專案打包上線 npm run build

二、關於其他命令的用法

5、找到對應資料夾下面之後 在輸入 startup.bat 執行成功之後可以訪問8080埠,8080埠為預設埠號,可根據實際情況新增埠

安裝vue建立專案步驟詳解

1.安裝node.js 官網 vue.js是乙個js 框架。在node裡面通過npm 安裝,是為了方便進行模組化管理。這樣你的整個專案就能實現模組化元件化,並且按需載入。2.檢測node.js的版本號 驗證命令 node v 顯示版本號就是node.js安裝成功3.安裝 映象 安裝語句 npm in...

vue專案基本步驟

首先檢視電腦是否已經安裝vue並檢視版本 window r快捷開啟命令列,cmd,輸入node v回車 如果未安裝操作步驟如下 1 cnpm install vue 新電腦安裝vue,永久 2 npm install global vue cli 安裝vue cli腳手架構建工具,永久 3 vue ...

vue建立專案步驟

全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd my project npm install npm run dev 在config裡index...