mpx -- 使用mpx 创建项目

注意: 在使用mpx前要先安装node和npm 。

创建mpx项目：

1、创建新目录，打开目录后，在当前目录下打开终端：   

 node -v    查看当前node版本

 npm -v    查看当前npm版本

2、 开始创建项目，终端输入：

npm i -g @mpxjs/cli    安装mpx脚手架

mpx  -V                          查看mpx版本

mpx init mpx-project     初始化项目   

 

 

 

 cd mpx-project              进入项目目录 

npm i     安装依赖（注意必须进入项目根目录安装依赖才可以）

npm run watch     构建编译，生成dist文件目录

npm run build

 ---------------------------------------------------------------------------------------------------------------

Mpx在vscode中的相关插件

1、mpx：官方推荐的语法高亮插件

2、minapp：提供了MPX内 <template> 内的微信小程序语法提示

3、Vetur： 这个插件是vue提供的vscode下的开发工具

4、Color Highlight：将Stylus内的颜色渲染出来（可选）

5、anguage-stylus：插件主要是提供Stylus服务