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://myzitong.com/article/ccdocc.html