【3】VUE的运行环境—VUE

---

前言

VUE的运行环境—VUE

---

安装VUE

全局安装vue-cli

vue-cli是vue的脚手架工具，脚手架其实是帮助我们写好vue.js基础代码工具

npm install -g vue-cli  

全局安装webpack

npm  install -g webpack

安装webpack的本地webserver

npm install -g webpack-dev-server

判断是否vue 和webpack 安装成功 所以只需输入vue -V 和 webpack -v 查看版本号

注意：出现上图片。是因 webpack4正式发布了,但是当我们安装之后,使用下面的语句来打包的时候,发现打包失败了。大概意思是:cli被移到了一个叫webpack-cli的包里面,请安装webpack-cli 的除了webpack本身使用cli,
当使用的是npm:npm install webpack-cli -D
当使用yard:yarn add webpack-cli –D

全局安装webpack-cli

npm install webpack-cli -g

当安装完之后,就能显示版本号了

注意点:安装好之后,打包文件的时候必须在webpack.config.js文件里面配置入口出口文件来打包,不然的话会报错.使用的时候尽量还是不要在生产环境使用.官网上也说了一句话:安装这些最新体验版本时要小心！它们可能仍然包含 bug，因此不应该用于生产环境。

安装cnpm

解决服务器不稳定问题：

npm install cnpm -g --registry=https://registry.npm.taobao.org

安装axios +sass+store

安装axios(ajax的封装）

npm install --save axios

安装sass

npm install --save-dev sass-loader

sass-loader依赖于node-sass

npm install --save-dev node-sass

必须是找到项目后 执行 语句

安装store

npm install vuex --save