##安裝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 腳手架,需要...