首先,我們需要安裝Node.js環(huán)境。Node.js是一個基于Chrome V8引擎的JavaScript運行環(huán)境,使JavaScript可以脫離瀏覽器運行,能夠讓我們在控制臺中執(zhí)行JavaScript代碼。
接下來,我們可以用Vue CLI來創(chuàng)建一個Vue項目。Vue CLI是官方提供的腳手架工具,可以幫助我們快速搭建Vue項目。
// 安裝Vue CLI npm install -g @vue/cli // 創(chuàng)建Vue項目 vue create my-project
創(chuàng)建好Vue項目后,在my-project目錄下可以看到一個package.json文件,它存儲了項目的所有依賴和命令腳本。
{ "name": "my-project", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" }, "dependencies": { "vue": "^2.6.10" }, "devDependencies": { "@vue/cli-plugin-babel": "^3.11.0", "@vue/cli-plugin-eslint": "^3.11.0", "@vue/cli-service": "^3.11.0", "babel-eslint": "^10.0.1", "eslint": "^5.16.0", "eslint-plugin-vue": "^5.0.0", "vue-template-compiler": "^2.6.10" } }
我們可以使用npm命令來啟動Vue項目。運行以下命令,就可以啟動開發(fā)服務(wù)器。
npm run serve
啟動服務(wù)器之后,打開瀏覽器訪問http://localhost:8080,即可看到Vue項目的歡迎頁面。