安装及创建一个vuecli项目

安装及创建一个vuecli项目

环境准备

• Node.js

安装vue-cli

• 安装node.js

推荐官网下载:https://nodejs.org/en/download/,下载自己需要的版本。

安装完nodejs之后了，因为node,js的官网是在国外，建议安装个Node.js淘宝镜像加速器（cpnm)

npm install cnpm -g
# 或者使用如下语句解决npm速度慢的问题
npm install --registry=http://registry.npm.taobao.org

最好使用管理员身份打开命令行界面


查看node的版本使用

node -v

安装vue-cli

npm install -g @vue/cli

安装成功之后，可以使用vue --version查看版本
安装完成

搭建项目

可以使用命令行界面创建，也可以使用PowerShell搭建

首先目录切换到要你文件要放到的目录

然后进行创建项目

vue create 项目名字‘
等一会之后会进入下面这个页面，可以选择vue2,vue3或者手动选择功能
空格为确定
这里笔者选择手动创建

选择自己需要用到的功能，空格是选择和取消，回车是创建

然后选择vue版本

选择配置文件，及是否为模板，可以视情况而定

之后回车，开始创建

创建完成

目录下的文件

启动项目

启动成功