从零安装vue-cli

下载配置node.js

下载链接;其中.zip为免安装版本(本次使用.zip版本进行演示)
从零安装vue-cli
将下载后的zip文件进行解压,解压后的目录如下:
从零安装vue-cli
配置环境变量:
从零安装vue-cli
检查是否配置成功
从零安装vue-cli

将官方npm镜像转换为cnpm(阿里镜像)

命令工具输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
从零安装vue-cli
安装完成后使用cnpm -v查看版本信息
从零安装vue-cli

安装webpack

命令工具输入:
cnpm install webpack -g
从零安装vue-cli
使用webpack -v查看版本
从零安装vue-cli
注意:若webpack版本4以上,需要安装webpack-cli 依赖
命令工具输入:
cnpm install webpack webpack-cli -g
从零安装vue-cli

安装vue-cli

命令工具输入:
cnpm install vue-cli -g
从零安装vue-cli
使用vue -V查看版本
从零安装vue-cli

利用vue-cli初始化vue项目

进入项目目录,命令工具输入:
vue init webpack projectname(projectname是你项目的名称)
从零安装vue-cli
其中
Vue build : 模板构建方式,使用默认就可以
Install vue-router : 是否使用路由组件
Use ESLint to lint your code : 是否使用ESLint格式校验
Set up unit tests : 是否安装单元测试组件
最后一项 : 使用何种方式创建项目
建议使用第三种,第一种和第二种需要从外部仓库获取模板,创建较慢;
若选择第三种创建方式:则需要进行如下操作:
进入项目目录执行cnpm install