微信小程序和vue的区别

一 、微信小程序和vue的目录对比

(1)微信小程序的项目构成

① pages    用来存放所有小程序的页面  *
② utils    用来存放工具性质的模块(例如:格式化时间的自定义模块) *
③ app.js   小程序项目的入口文件   *
④ app.json  小程序项目的全局配置文件  *
⑤ app.wxss  小程序项目的全局样式文件  *
⑥ project.config.json 项目的配置文件
⑦ sitemap.json   用来配置小程序及其页面是否允许被微信索引

(2)vue项目构成build文件夹:项目构建(webpack)相关代码
config文件夹:配置文件夹,配置目录,端口号等等
node_modules:npm依赖的项目模块

package.json:配置文件
src文件夹:开发目录

 src目录:

assets:静态资源文件夹

component文件夹:组件文件夹

router文件夹:存放路由文件,里面的index.js存放路由

store:管理全局变量

  • 16
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
要搭建一个微信小程序使用Vue框架,你可以按照以下步骤进行操作: 1. 首先,确保你已经安装好了Node.js和npm(Node.js的包管理器)。 2. 使用命令行工具进入你想要创建项目的目录。 3. 运行以下命令来安装Vue CLI(命令行界面):`npm install -g @vue/cli`。 4. 创建一个新的Vue项目,可以使用以下命令:`vue create <项目名称>`。例如,运行`vue create my-app`来创建一个名为my-app的项目。 5. 在创建项目时,你可以选择手动配置自己的项目,或者使用默认配置。如果是初学者,建议选择默认配置。 6. 创建成功后,进入项目目录:`cd <项目名称>`。 7. 安装微信小程序Vue适配器,运行以下命令:`vue add mpvue`。 8. 安装完成后,你就可以使用Vue的语法和特性来开发微信小程序了。 9. 在src目录下创建一个新的页面或组件,可以在pages目录下创建页面,在components目录下创建组件。 10. 在微信小程序的入口文件main.js中注册页面或组件。 11. 运行微信开发者工具,打开项目所在目录。 12. 在微信开发者工具中导入项目,选择小程序项目,填入项目名称和路径。 13. 开发者工具中会自动编译和打包项目,并在预览窗口中显示小程序效果。 这样,你就成功搭建了一个使用Vue框架开发的微信小程序。你可以根据需要继续开发和完善你的小程序。希望对你有帮助!
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值