详解使用nodeJs安装Vue-cli

前提：nodeJs本地已安装。

1、执行npm install --global vue-cli ，全局安装vue-cli

----因为默认是从国外服务器下，可以使用阿里巴巴在国内的镜像服务器。

产生通过config命令设置默认下载路径：

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

然后再执行：

npm install --global vue-cli

2、安装后，检查是否安装成功

vue -V (在此注意V为大写)

3、使用vue建一个项目名叫“my-project”（vue init webpack my-project），注意项目名不能有大写。

----注：vue-cli 的模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目，他的配置并不全放在根目录下的 webpack.config.js 中。

----webpack-simple 相对简单的，它根目录下才有个 webpack.config.js。

4、注意：

项目建立过程中，有如下选择，选择NO。（该选项为使用ESLint规范你的代码，一个空格错误都将报错，不开启，避免不必要的麻烦）。

后两项为单元测试，可以选择No.

5、项目建立完成后，目录结构如下：

6、安装项目所需依赖，进入项目中：

npm install

完成后，会发现项目目录下多出一个node_modules文件夹，里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目。

7、进入项目目录文件夹（my-project）中，就可以使用vue进行开发啦

8、使用npm run dev，便可以打开本地服务器实时查看效果（localhost:8080）

如果浏览器打开之后，没有加载出页面，有可能是本地的 8080 端口被占用，需要修改一下配置文件 config>index.js

建议将端口号改为不常用的端口。另外我还将 build 的路径前缀修改为 ' ./ '（原本为 ' / '），是因为打包之后，外部引入 js 和 css 文件时，如果路径以 ' / ' 开头，在本地是无法找到对应文件的（服务器上没问题）。所以如果需要在本地打开打包后的文件，就得修改文件路径。

9、初始效果

10，退出监听，可以直接Ctrl+C，选择Y。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# nodejs  # vue  # cli  # nodeJs安装Vue-cli  # 用npm安装vue和vue-cli  # 并使用webpack创建项目的方法  # 安装vue-cli报错 -4058 的解决方法  # Vue学习笔记进阶篇之vue-cli安装及介绍  # windows下vue-cli及webpack搭建安装环境  # vue-cli安装使用流程步骤详解  # 是因为  # 完成后  # 放在  # 有个  # 有可能  # 在此  # 阿里巴巴  # 是从  # 所需  # 便可  # 能有  # 还将  # 然后再  # 可以直接  # 都将  # 镜像  # 就得  # 可以使用  # 可以选择  # 报错 

相关文章： 建站主机与服务器功能差异如何区分？  如何选择高效可靠的多用户建站源码资源？  如何打造高效商业网站？建站目的决定转化率  IOS倒计时设置UIButton标题title的抖动问题  建站主机助手选型指南：2025年热门推荐与高效部署技巧  历史网站制作软件,华为如何找回被删除的网站？  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  网站app免费制作软件,能免费看各大网站视频的手机app？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  临沂网站制作企业,临沂第三中学官方网站？  深圳网站制作的公司有哪些,dido官方网站？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  如何选择高效稳定的ISP建站解决方案？  高防服务器租用指南：配置选择与快速部署攻略  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  如何用免费手机建站系统零基础打造专业网站？  建站DNS解析失败？如何正确配置域名服务器？  建站168自助建站系统：快速模板定制与SEO优化指南  如何确认建站备案号应放置的具体位置？  盐城做公司网站,江苏电子版退休证办理流程？  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  建站之星如何配置系统实现高效建站？  建站之星如何取消后台验证码生成？  如何选择高效便捷的WAP商城建站系统？  如何快速启动建站代理加盟业务？  香港服务器如何优化才能显著提升网站加载速度？  Android自定义listview布局实现上拉加载下拉刷新功能  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  如何在搬瓦工VPS快速搭建网站？  建站之星24小时客服电话如何获取？  建站主机CVM配置优化、SEO策略与性能提升指南  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  如何快速搭建高效香港服务器网站？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  jQuery 常见小例汇总  做企业网站制作流程,企业网站制作基本流程有哪些？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  青岛网站建设如何选择本地服务器？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  广州网站设计制作一条龙,广州巨网网络科技有限公司是干什么的？  网站制作公司,橙子建站是合法的吗？  如何快速搭建自助建站会员专属系统？  如何通过服务器快速搭建网站？完整步骤解析