vue脚手架搭建环境
1.安装nodejs
自带npm
2. 安装淘宝镜像 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安装脚手架
用cnpm安装vue脚手架
cnpm install -g vue-cli
【vue脚手架搭建环境】特别注意：
1.如果提示“无法识别”，有可能是npm的版本过低。
解决办法：npm install -g npm（更新一下版本就好了）。
2. 如果安装失败的话。
解决办法：npm cache clean（清除一下缓存就好了）
一、那么我们就从最简单的环境搭建开始：
1.安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。
文章图片
这里需要说明下，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。
2.安装淘宝镜像，打开命令行工具，把这个（npm install -g cnpm --registry= "https://registry.npm.taobao.org"）复制（这里要手动复制就是用鼠标右键那个，具体为啥不多解释），安装这里是因为我们用的npm的服务器是外国，有的时候我们安装“依赖”的时候很很慢很慢超级慢，所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v，如下图，如果出现相应的版本号，则说明安装成功。（可选）
npm install -g cnpm --registry= "https://registry.npm.taobao.org
文章图片
3.安装webpack，打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。
webpack -v
4.安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。
vue -V
5.创建工程vue init webpack my-project
需要注意的是项目的名称不能大写，不然会报错。
6.是否依赖cnpm install
文章图片
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 六步搭建ES6语法环境
- VueX--VUE核心插件
- vue组件中为何data必须是一个函数（）
- 用npm发布一个包的教程并编写一个vue的插件发布
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)
- (1)redis集群原理及搭建与使用(1)
- VueX（Vuex|VueX（Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式)