vue推薦開發環境:
Node.js: javascript運行環境(runtime),不同系統直接運行各種編程語言
webpack: 它主要的用途是通過 CommonJS 的語法把所有瀏覽器端需要發佈的靜態資源做相應的準備,比如資源的合併和打包。
vue-cli: 用戶生成Vue工程模板
步驟:
1.安裝Node.js 官網下載,直接安裝,安裝完可以在命令行裏通過node -v測試是否安裝正確。
npm包管理器,是集成在node中的,直接輸入 npm -v 查看版本信息
2.安裝vue-cli腳手架構建工具
在命令行中運行命令 npm install -g vue-cli ,然後等待安裝完成。
npm install -g vue-cli
3.用vue-cli構建項目
要創建項目,首先我們要選定目錄,然後再命令行中把目錄轉到選定的目錄。vue init webpack demo
vue init webpack demo
在安裝時會詢問你:
(1)、Project name demo;項目名稱demo。(確定按enter,否按N)
(2)、 Project description (A Vue.js project);項目描述
(3)、Author (wtt1002);作者(wtt1002)。(確定按enter,否按N)
(4)、Vue build (Use arrow keys)> Runtime + Compiler: recommended for most usersRuntime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere;(按enter)
(5)、Install vue-router? (Y/n);(可安可不安,我按enter)
(6)、Use ESLint to lint your code? (Y/n);使用ESlint語法?(Y/ N)。(使用ESLint語法,建議N)
(7)、Setup unit tests with Karma + Mocha? (Y/n);設置單元測試?(Y / N)。(建議N)
(8)、Setup e2e tests with Nightwatch? (Y/n);Nightwatch建立端到端的測試?(Y / N)。(建議N)
4.通過npm run dev啓動項目,按住trl點擊url就可以訪問了
npm run dev