搭建vue前端框架或微信小程序vue框架步驟

1.下載node.js
下載地址：https://nodejs.org/en/download/
查看node、npm版本，確保環境正確

node --version npm --version

2.安裝vue腳手架工具vue-cli
若開發工具為IntelliJ IIDEA，創建項目步驟為create new project -> static web；
若開發工具為Visual Studio Code，則OPEN Floder -> 可為本地空文件夾名。
確保Terminal中指向位置為正確位置，執行
npm install -g @vue/cli-init

3.初始化結構
vue init webpack happyHealth
根據安裝步驟提示與項目具體情況進行選擇

4.安裝插件與運行
執行cd happyHealth或者通過工具打開happyHealth文件夾

cd happyHealth npm install

可在index.js文件中更改端口號

npm run dev

執行啟動代碼，待啟動成功，瀏覽器打開默認頁面

PS：
若要使用VUE搭建微信小程序前端框架，可借助美團點評的mpvue框架，如上步驟，在項目初始化結構時，更換執行如下命令，其余步驟雷同

vue init mpvue/mpvue-quickstart happyHealth

總結

以上是生活随笔為你收集整理的搭建vue前端框架或微信小程序vue框架步骤的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。