从零安装vue-cli
下载配置node.js
下载链接;其中.zip为免安装版本(本次使用.zip版本进行演示)
将下载后的zip文件进行解压,解压后的目录如下:
配置环境变量:
检查是否配置成功
将官方npm镜像转换为cnpm(阿里镜像)
命令工具输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成后使用cnpm -v查看版本信息
安装webpack
命令工具输入:
cnpm install webpack -g
使用webpack -v查看版本
注意:若webpack版本4以上,需要安装webpack-cli 依赖
命令工具输入:
cnpm install webpack webpack-cli -g
安装vue-cli
命令工具输入:
cnpm install vue-cli -g
使用vue -V查看版本
利用vue-cli初始化vue项目
进入项目目录,命令工具输入:
vue init webpack projectname(projectname是你项目的名称)
其中
Vue build : 模板构建方式,使用默认就可以
Install vue-router : 是否使用路由组件
Use ESLint to lint your code : 是否使用ESLint格式校验
Set up unit tests : 是否安装单元测试组件
最后一项 : 使用何种方式创建项目
建议使用第三种,第一种和第二种需要从外部仓库获取模板,创建较慢;
若选择第三种创建方式:则需要进行如下操作:
进入项目目录执行cnpm install。