Vue脚手架的使用(VCLI)

command line interface

直译是 命令行接口工具

1. Vue 脚手架是 Vue 官方提供的标准化开发工具(开发平台)。

2. 最新的版本是 4.x。

3. 文档: https://cli.vuejs.org/zh/

(前提:node.js下载过了)

 

具体使用步骤:

1.先设置npm淘宝镜像(加快下载速度)

npm config set registry https://registry.npm.taobao.org

2.全局安装@vue/cli(仅第一次安装的时候执行)

npm install -g @vue/cli

报警告WARN是 正常的,是由于这个作者引用的一些东西造成了警告,别慌!!!

Vue脚手架的使用(VCLI)_第1张图片

 

下载完成后,再次输入vue -V

 

Vue脚手架的使用(VCLI)_第2张图片 

 

3.切换到你要创建项目的目录,然后使用命令创建项目

vue create 项目名称

切记!!!项目名称别写敏感的单词(比如:h1 vue ajax jquery等)

可以选择Vue2 or Vue3 的框架来写

选择好后回车 

Vue脚手架的使用(VCLI)_第3张图片 出现以下界面,则初始化成功。Vue脚手架的使用(VCLI)_第4张图片

 根据蓝色字体系统提示,进入到vue_test,并且执行npm run serve

 

你可能感兴趣的:(Vue,vue.js,javascript,前端)