一、安装node.js
1、在官网中安装nodejs最新版本。地址:https://nodejs.org/en/download/,根据自己环境,进行下载安装。
2、安装完成后,进行nodejs版本及npm版本查看。
打开cmd命令行,输入 node -v 和 npm -v,node安装后将会自动安装上npm,但不一定是最新的,可用命令 npm install -g npm,进行最新版本安装。
安装好之后,就可以使用vue-cli进行初始化一个vue项目。
3、使用淘宝NPM 镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
4、全局安装 vue-cli
cnpm install vue-cli -g
二、用vue创建微信小程序项目
进入放项目的目录:使用vue-cli创建一个mpvue项目
vue init mpvue/mpvue-quickstart 项目名
创建的过程中会有一些设置,包括项目名称,作者等等内容,一路回车到底就行。
然后我们进入到项目目录,安装项目依赖
cnpm install
运行:
npm run dev
运行后,这个项目代码就进入开发模式,一旦有源代码发生修改,就会触发自动编译。
项目目录:
三、小程序
在微信开发者工具中导入项目
项目目录选择vue项目中的目录根目录
appID没有的话可以点选体验“测试号”
就可以做页面啦。
最后附上一个很完整的讲解的链接:https://www.jb51.net/article/140601.htm