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

概要

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

第一步

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

如图：

注册一

直接点击注册

如图：

填写相关信息就可以了

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

登陆如图：

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库进行开发自己的想要的东西。