安装及创建一个vuecli项目

安装及创建一个vuecli项目

环境准备

  • Node.js

安装vue-cli

  • 安装node.js

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

安装及创建一个vuecli项目
安装完nodejs之后了,因为node,js的官网是在国外,建议安装个Node.js淘宝镜像加速器(cpnm)

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

最好使用管理员身份打开命令行界面
安装及创建一个vuecli项目
安装及创建一个vuecli项目
查看node的版本使用

node -v

安装及创建一个vuecli项目
安装vue-cli

npm install -g @vue/cli

安装及创建一个vuecli项目
安装成功之后,可以使用vue --version查看版本安装及创建一个vuecli项目
安装完成

搭建项目

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

安装及创建一个vuecli项目
首先目录切换到要你文件要放到的目录
安装及创建一个vuecli项目
然后进行创建项目

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

安装及创建一个vuecli项目
选择自己需要用到的功能,空格是选择和取消,回车是创建
安装及创建一个vuecli项目
然后选择vue版本
安装及创建一个vuecli项目
选择配置文件,及是否为模板,可以视情况而定
安装及创建一个vuecli项目
之后回车,开始创建
安装及创建一个vuecli项目
创建完成
安装及创建一个vuecli项目
目录下的文件
安装及创建一个vuecli项目
启动项目
安装及创建一个vuecli项目
启动成功
安装及创建一个vuecli项目
安装及创建一个vuecli项目

上一篇:Hello Raspberry Pi


下一篇:如何使用PHP实现一个WebService