vue3微信公众号商城项目实战系列(1)开发环境准备

发布时间 2023-04-13 17:57:37作者: 屏风马

项目忙完,这次上新,写一个前端系列,采用vue3来开发一个微信公众号商城。

前言:

1. 微信公众号商城本质也是一个网站,由一个个网页组成,只不过这些网页运行在手机端,能响应手指的点击、长按、拖拽等操作。

2. 既然是网页,当然可以用3件套(js+html+css)来写,但象vue这样的前端框架比3件套更高效,或者现实一点说,会一个前端框架能有更多的工作机会。

3. 目前流行的前端框架有 Angular、React、Vue(按首字母顺序排名),Vue的主流版本有Vue2和Vue3 ,本系列用的是Vue3

4.Vue3 可用 javascript(弱类型) 或 typescript(强类型) 做脚本语言,本系列用 javascript

5. Vue3官网地址:https://cn.vuejs.org/ ,

6. Vue3的开发工具官方推荐 vscode,见下图,官方下载链接:https://code.visualstudio.com/

7. 开发vue3项目时,在开发环境运行需要安装 nodejs,官网地址及安装步骤如下,项目开发完成编译后的代码部署到服务器时不需要在服务器上安装nodejs ,

也就是说Web服务器不需要安装任何其他软件,原因后面再具体讲。

 点击LTS版本开始下载

下载之后安装到本机,一直点"Next"按钮就可以了,如下图:

安装完成后在本机目录可以看到,如下图:

 

在地址栏输入"cmd"后回车,快速打开命令窗口:

此时的命令行路径就是刚才的路径,避免输入cd命令切换目录,见下图:

输入 "node -v" 和 "npm -v" 查看版本,见下图: