小程序开发之路-注册并新建一个小程序

概要

今天简单的记录一下,小程序开发的第一步,我们怎么注册并新建一个小程序的项目。

第一步

我们直接到官网注册一个小程序 小程序注册

如图:

注册一
直接点击注册

如图:

填写相关信息就可以了
只要填写相关的信息就可以了。
注册结束以后呢,我们登陆就可以了,登陆的话也是一样的链接,直接可以立即登陆就可以了。登陆进去以后是这样的:

登陆如图:

appid
我们主要就是为了拿到这个appid,这个东西不要给别人看到,尽量保密,因为理论上讲,有这个就可以直接新建一个小程序的项目,所以轻重自己把握。

新建一个小程序的项目

走到上一步的时候就直接准备工作做完了,那么下一步就是我们怎么新建一个小程序的项目,我们用的mpvue新建小程序的。

第一步:

mpvue官网
我们按照官网的步骤直接进行创建

如图:

创建一个小程序
具体的命令这里可以复制:(我的加sudo是因为我在U盘里直接创建的,linux下是不允许这样干的,必须是超管身份才可以,win下是不会有这个问题的,不要纠结,直接复制下面的命令就可以了)

全局安装 vue-cli

$ npm install --global vue-cli

创建一个基于 mpvue-quickstart 模板的新项目

$ vue init mpvue/mpvue-quickstart my-project

安装依赖

$ cd my-project
$ npm install

启动构建

$ npm run dev

其实看到这里熟悉vue的人已经笑了,因为会发现和vue创建基本是一样的。

工具下载

微信开发者工具下载

如图:

在这里插入图片描述
下载结束以后我们直接运行打开

打开如图:

在这里插入图片描述
当然你们的打开是没有右边的,直接就是一个大大的加号,直接盘它就行了。我的是之前自己的项目,所以也不要纠结。

导入项目如图:

在这里插入图片描述
到这里,基本就可以直接打开了自己的项目,但是打开以后是什么都没有了,或者可能有一些广告什么,但是我们不管。

到这里今天的基本就写完了,一个小程序的项目就基本创建结束,下篇文章我会记录怎么引入第三方的ui库进行开发自己的想要的东西。还是那句话,我更新的时间不定,项目赶没办法,所以每天只能晚上回家以后更新一下,见谅了!

谢谢阅读!
发布了189 篇原创文章 · 获赞 455 · 访问量 86万+

猜你喜欢

转载自blog.csdn.net/qq_41485414/article/details/96172993
今日推荐