Vue快速搭建步驟

2021-07-28 12:04:00 字數 3045 閱讀 7104

##安裝npm##

安裝vue

## 全域性安裝 vue-cli##

建立vue 模板

sudo vue init webpack my-project

? project name 專案名

? project description 專案名描述

? author 作者郵箱

? use eslint to lint your code? 是否需要eslist語法檢查

? setup unit tests with karma + mocha? 是否需要單元測試

? setup e2e tests with nightwatch? yes是否需要e2e測試

4.安裝vue 依賴

sduo npm install

在專案路徑下多出的依賴包… 

5.執行專案

##執行vue##

sudo npm run dev

該命令可以專案下package.json 中找到…

"scripts": ,
同時也可以vue官網上找到… 命令列工具

注:執行時可以出現以下結果,原因是npm install 依賴沒有完全安裝,需要再一次執行sudo npm install

node build/dev-server.js

module.js:341

throw err;

^error: cannot find module

'express'

at function.module._resolvefilename (module.js:339:15)

at function.module._load (module.js:290:25)

at module.require (module.js:367:17)

at require (internal/module.js:16:19)

at object.(/users/eason/my-project/build/dev-server.js:2:15)

at module._compile (module.js:413:34)

at object.module._extensions..js (module.js:422:10)

at module.load (module.js:357:32)

at function.module._load (module.js:314:12)

at function.module.runmain (module.js:447:10)

npm err! darwin 14.5

.0npm err! argv "/usr/local/bin/node"

"/usr/local/bin/npm"

"run"

"dev"

npm err! node v5.6

.0npm err! npm v3.6

.0npm err! code elifecycle

執行成功監聽在8080 埠.. 

最後瀏覽器輸入http://localhost:8080/ 看到以下介面說明安裝成功了

補充兩種sublime text 對vue外掛程式支援

package control 安裝 

使用prettify 

在sublime text中,按下ctrl+shift+p調出命令面板; 

輸入install 調出 install package 選項並回車; 

輸入pretty,並在列表中選擇html-css-js prettify後回車即可安裝

VUE搭建步驟

搭建vue專案環境 vue目錄簡介 開始我們的第乙個vue專案 eslint 格式 vetur tortoisesvn svn小烏龜 環境變數配置 配置環境變數後,驗證是否成功 node v npm v npm install g cnpm registry cnpm v 檢查安裝成功 全域性安裝v...

vue環境搭建步驟

vue.js是前端乙個比較火的mvvm框架,要使用它,我們必須提前配置,其中有一種安裝方式是使用npm,比較適合比較大型的應用。今天就來看看這種方式如何操作,由於npm是國外的,使用起來比較慢,我們這裡使用 的cnpm映象來安裝vue.1.開啟命令列視窗,輸入 獲取到cnpm以後,我們需要公升級一下...

vue環境搭建步驟

安裝2 檢視node是否安裝成功 windows r cmd 開啟命令列 輸入 node v 檢視node版本,node版本需要 8.9 使用的時候 寫cnpm,等同於npm 4 安裝vue cnpm install vue g5 安裝腳手架 cli 如果之前已經安裝過舊版本 非3.x 腳手架,需要...