Vue-cli3简单使用(图文步骤)-创新互联

Vue-cli3.X创建项目

创新互联建站是专业的宁河网站建设公司，宁河接单;提供成都网站建设、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行宁河网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

1.环境要求

安装Vue-cli3.x的前置条件：Node.js

以Windows为例安装Node.js,百度 “Node.js官网” 或”Node.js中文网”均可 ,如无特殊要求 下载安装 LTS版（长期支持版，该版本已满足Vue CLI官网所需要求版本要求）

一路Next即可，一般无需更改默认安装设置

安装完毕在开始菜单内即可找到一个名为 Node.js 的文件夹如下图

2.Vue-CLI安装：

官方命令 npm install -g @vue/cli

注：@不能少，少了@安装的不是3.x版本而是1.x、2.x版本，若已经安装了旧版本则需卸载旧版本然后再安装新版本

旧版本卸载命令 npm uninstall vue-cli -g

补充：vue-cli 3.x 卸载命令 npm uninstall @vue/cli -g (如果需要可使用)

国内下载速度比较慢

查看npm当前下载镜像，命令为：npm get registry

结果> https://registry.npmjs.org/

如果嫌弃下载慢可以切换为淘宝镜像或者直接安装cnpm并更换淘宝镜像，命令如下：

npm config set registry http://registry.npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org

当前文章：Vue-cli3简单使用(图文步骤)-创新互联
文章转载：http://6mz.cn/article/ccdocc.html