vue环境搭建以及配置（脚手架搭建）

• webpack：主要用途是通过CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备，比如资源的合并和打包。
• vue-cli：学习vue的过程会知道这是vue的脚手架，用于生成vue的功能模板。帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要npm install 就可以安装。

• 下载好之后安装，一直下一步就可以，安装位置可以换到自己熟悉的位置
  

• 安装好后可以在文件夹中找到nmp.cmd。
  

• 然后在命令行界面查看是否安装成功

• 建立如图两个文件夹：模块文件夹待会会改变位置，不管

• 然后运行以下两条命令，目的是修改系统默认的缓存位置（系统默认在c盘的programfile里）

• /***************一定要以管理员模式启动cmd界面！！！切记！！

• 到这一步可以选择配置国内镜像以提高速度（有时候国内镜像会出问题，yysy，还是得梯*子）

• 接下来还需要调整环境变量，进入修改界面，先修改系统变量：

  • 添加变量 NODE_PATH，变量值如下图
    

• 修改用户变量“Path”

  • path内会找到一个生成的node相关路径，修改成自定义的node_global如下图：

• 到这一步，配置就完成了，我们来测试一下。

• 测试可以用express模块，这是最常用的。

• /如果报错，说明你又没开管理员模式/

• 安装完express模块可以在之前设置的全局路径里找到，即node_global

• 如果你已经安装过express，它也会报错，就像这样
  

• 这时候，我们来安装vue.js

• 可以在全局目录下找到安装好的vue，

• 我们在nodeglobal目录下找到了安装的vue（最开始提到的node_modules文件夹此时也出现在这里）

• 查看vue版本时的命令行为：

• 然后安装vue脚手架的init模块：

• 切换为d盘，且为根目录

• 前三个部分可以自己命名填写，不建议大写，之后就会开始自动建立项目
  

成功！打开提示地址就可以看到vue界面

• 然后就可以用webstorm打开vue1查看自己的代码（图转）

• 要create一个uniapp项目，cli版本必须至少为3.0，不然执行下一步会报错（当然报错的时候它会告诉你版本太旧了，让你uninstall再install，就像这样）
  

• 此时会提示选择项目模板：
  

创建完就可以用webstorm打开了

UI 框架主要提供的是不同样式的组件，可以方便开发者使用一些现成的样式，完成自己产品、应用的开发。

基础框架的主要能力是提供小程序的打包、编译、组件化等能力，让开发者可以更加简单，方便的使用自己熟悉的方案，完成应用的开发。

是微信团队为小程序提供的框架命名为MINA的应用框架

是腾讯团队推出的小程序组件化开发框架

使用 mpvue 开发小程序，你将在小程序技术体系的基础上获取到这样一些能力：

1.彻底的组件化开发能力：提高代码复用性
3.方便的 Vuex 数据管理方案：方便构建复杂应用
5.支持使用 npm 外部依赖
7、H5 代码转换编译成小程序目标代码的能力

注意事项：新增的页面需要重新 npm run dev 来进行编译

Taro 是京东 - 凹凸实验室打造的一个开放式跨端跨框架，2018年6月7日正式开源

支付宝 IOT 小程序

是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。

uni-app 是一个使用 ）是国内知名商城系统及商城网站建设提供商，为企业级商家提供零售商城、、社区团购商城系统、、小程序商城、等多端商城网站建设解决方案>

申明：本网站部分文章和图片来源网络编辑，如有侵权及时沟通删除，来客电商原创文章，转载请注明来源。