1. 安裝nodejs
2. 安裝 vue-cli
npm install -g vue-cli
安裝前可以通過設置代理為淘寶倉庫地址,以加快下載速度。
npm config set registry https://registry.npm.taobao.org
3. 查看 Vue 版本
vue --version
4. 初始化 vue webpack 項目
vue init webpack demoproject
vue init 為vue-cli 初始化項目命令,webpack 為模板類型,demoproject 為項目名稱。
可以通過 vue list 查看支持的模板類型,如下圖所示:
如下圖為初始化項目執行過程:
命令執行完成,如果沒有錯誤,則項目已經成功構建,接下來就可以進行自己的編碼工作了。
如下圖所示為項目初始化完成后目錄結構:
5. 啟動項目
npm run dev
如下圖所示,初始化項目完成后,命令行有提示信息。