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