vue安装及创建项目

vue安装:

1、下载node.js
下载地址:https://nodejs.org/en/download/
选择对应版本的下载。然后一步安装到底。
在cmd 或者git 里输入node -v ,出现版本号即表示安装成功
vue安装及创建项目
如果不行就检查一下环境变量中path有没有nodejs的安装路径。如果没有就手动添加。

2、查看npm
一般node都会自带npm
命令行输入npm -v查看版本
vue安装及创建项目
3、cnpm的安装
cnpm是淘宝的一个镜像,安装之后可以使用cnpm安装命令工具,安装速度会加快。
直接使用npm install -g cnpm –registry=https://registry.npm.taobao.org
命令安装即可。
查看cnpm版本
cnpm -vvue安装及创建项目
4、安装vue-cli
安装命令为:cnpm install -g vue-cli,回车。
安装完后,检查是否安装成功,输入vue -V,出现以下版本信息:
vue安装及创建项目
5、输入vue ui即可进入图形化界面(适用于vue新手)
vue安装及创建项目

vue创建第一个项目

打开图形界面,这里会显示最近项目
vue安装及创建项目
单机创建
创建项目位置可自行编辑
vue安装及创建项目

选好位置后,点击创建
vue安装及创建项目

输入给项目起的名字 英文
vue安装及创建项目

一直点击下一步即可

相关文章: