uniapp开发微信小程序

由于使用HBuilderX创建的项目移植性不好（很多东西都集成在了工具中），使用其他开发工具（例如vscode等）打开项目无法正常运行;
本文主要是记录一下使用cli创建项目的过程；
项目使用vue2.0版本;

一、创建项目

全局安装vue-cli

# 可使用命令 vue -V 查看是否已经安装了cli
npm install -g @vue/cli

创建uni-app

vue create -p dcloudio/uni-preset-vue my-project

选择默认模板，这个模板比较干净；创建过程已经下载了依赖，创建完成就可以直接 npm run serve 运行了

二、安装常用的插件

1.css预处理器 scss

# 首先安装node-sass，因为sass-loader依赖于它
npm install node-sass --save-dev

# 安装sass-loader
npm install sass-loader --save-dev

# 修改style标签
<style lang="scss" scoped></style>

2.vue数据状态管理器 vuex
文档：https://vuex.vuejs.org/zh/installation.html#npm

npm install vuex --save

4.非常好用的UI框架 vant/weapp
文档（需FQ访问）：https://youzan.github.io/vant-weapp/#/home

npm i @vant/weapp -S --production

5.参数序列化插件 qs

npm install qs

#配全局属性配置，在任意组件内可以使用this.$qs获取qs对象 
import qs as "qs"
Vue.prototype.$qs = qs

# 使用
1.将对象序列化，多个对象之间用&拼接
let params = qs.stringify({
    id: 1, 
    value: "手机"
})
* qs.parse()和qs.stringify()相反，是将序列化的内容解析成对象的形式,