VUE前端开发秘籍

vue渐进式框架依次升级 声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建 ####1.配置环境 #####1.Node.js的安装 Vue环境运行依赖Node.js,首先安装Node.js.Node.js的官方网站https://nodejs.org/en/download/ 选择对应的版本下载，本文的环境为Windows 64位，选择Windows Installer(.msi) 64安装，按照提示安装即可。安装结束可检测是否安装成功 ``` node -v ``` 大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 ``` npm install -g cnpm --registry=https://registry.npmmirror.com ``` 这样就可以使用cnpm 命令来安装模块了： #####2.安装vue-cli ``` cnpm install vue-cli -g ``` 运行上面命令会安装旧版本，我们需要新版本，卸载老版本： ``` npm uninstall vue-cli -g ``` 下载新版本，vue-cli的3.0+以后使用的不是vue-cli了，如果用以上的安装命令安装的并不是最新版的3.0+的，而如果安装3.0的话就需要使用新的 ``` npm install @vue/cli -g ``` 查看vue-cli是否成功，不能检查vue-cli,需要检查vue ``` vue list ``` #####3.命令创建项目 创建 ``` vue init webpack ”jiyuwuVUE“ ``` 运行 ``` cnpm install cd bunnyfish cnpm run dev ``` #####4.通过UI创建项目 ``` vue ui ``` 具体过程参考：https://www.cnblogs.com/jiyuwu/p/13344097.html