-
安裝node.js
官網：https://nodejs.org/en/
-
淘寶NPM鏡像（npm是外網，用國內代理下載安裝賊快）
$ npm install -g cnpm --registry=https://registry.npm.taobao.org -
全域安裝 vue-cli
$ cnpm install --global vue-cli
-
創建一個基于 webpack 模板的新專案
$ vue init webpack my-project -
在命令列輸出以上的命令后，出現一些專案的初始選項，簡單翻譯如下，根據專案需求配置
? Project name my-project // 專案名稱
? Project description A Vue.js project // 專案描述
? Author runoob // 作者
? Vue build standalone // 專案名稱
? Use ESLint to lint your code? Yes // 是否使用ES規范
? Pick an ESLint preset Standard // 選擇ESLint預設標準
? Setup unit tests with Karma + Mocha? Yes // 使用Karma + Mocha設定單元測驗
? Setup e2e tests with Nightwatch? Yes // 用夜表設定e2e測驗
專案創建好之后，進入專案檔案夾根目錄的終端
輸入以下指令
-
安裝依賴
$ npm install -
啟動服務
$ npm run dev$ npm run serve
除了這種方法，還可以使用編譯器一鍵創建專案
例如：我使用的是Webstorm
新建專案，選擇Vue.js（以[email protected]為例），接下來選擇專案位置、版本等等，一切準備好之后點擊NEXT進行創建，
接下來同樣需要進行一些初始配置，是否使用ESlint、是否安裝路由等等......
完成之后進入專案
最后點擊左下角的終端（Terminal），輸入npm install安裝初始依賴，啟動專案和上面的一樣，不再贅述！
輸入npm run dev，運行專案，
打開瀏覽器輸入專案掛載地址
測驗成功！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/158691.html
標籤：JavaScript
上一篇：JS高級---復習
下一篇：【外文閱讀】Web Development in 2020: What Coding Tools You Should Learn---Quincy Larson