搭建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框架步骤相关推荐

搭建微信小程序vue框架步骤
搭建微信小程序vue框架步骤 1.下载node.js 下载地址:https://nodejs.org/en/download/ 查看node.npm版本,确保环境正确 node --version n ...
微信小程序后端框架|微信公众号后端框架（C# WebAPI）
微信小程序后端框架|微信公众号后端框架(C# WebAPI) 微信小程序简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的 ...
微信小程序第三方框架
引言目前上微信小程序的框架比较多,但是原生的小程序还是处于一个快速迭代的过程并未像JavaScript一样成熟的阶段,也就是说原生的版本都还不算太稳定,那么现在企业开发中为了谋求开发速度降低成本,万 ...
Vue，React，微信小程序，快应用，TS 和 Koa 一把梭
前言前端生态越来越繁华,随着资本寒冬的来临,对前端招聘要求也变高了: 本文将从项目出发由浅入深做一个Vue,React,微信小程序,快应用,TS和 Koa的知识大串联: 相当于一篇文章搞定前端目前主 ...
微信小程序wepy框架开发资源汇总
开源项目 wepy-wechat-demo:基于wepy开发的仿微信聊天界面小程序深大的树洞:基于wepy开发的树洞类微信小程序 wepy-demo-bookmall:微信小程序??代码示例,使用w ...
Uni-app前端开发|基于微信小程序的快递运输管理系统
作者主页:编程指南针作者简介:Java领域优质创作者.CSDN博客专家 .CSDN内容合伙人.掘金特邀作者.阿里云博客专家.51CTO特邀作者.多年架构师设计经验.腾讯课堂常驻讲师主要内容:Jav ...
微信小程序wepy框架快速入门
微信小程序wepy框架快速入门微信小程序简介微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一 ...
Node.js搭建本地HTTP服务器（微信小程序）
Node.js搭建本地HTTP服务器(微信小程序) Node.js简易搭建本地HTTP服务器 1. 首先关闭微信开发者工具中的验证单击工具栏中的详情按钮,选中图中所示选项即可. 2. 将Node.j ...
搭建第一个自己的微信小程序
为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式一.微信开发工具下载:微信开发工具, ...

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

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

搭建vue前端框架或微信小程序vue框架步骤相关推荐

最新文章

热门文章