详解使用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安装使用流程步骤详解  # 是因为  # 完成后  # 放在  # 有个  # 有可能  # 在此  # 阿里巴巴  # 是从  # 所需  # 便可  # 能有  # 还将  # 然后再  # 可以直接  # 都将  # 镜像  # 就得  # 可以使用  # 可以选择  # 报错 

相关文章： 建站之星安装路径如何正确选择及配置？  网页设计网站制作软件,microsoft office哪个可以创建网页？  建站为何优先选择香港服务器？  如何在阿里云服务器自主搭建网站？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  高防服务器租用首荐平台，企业级优惠套餐快速部署  如何通过万网虚拟主机快速搭建网站？  如何构建满足综合性能需求的优质建站方案？  建站之星如何开启自定义404页面避免用户流失？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  设计网站制作公司有哪些,制作网页教程？  如何使用Golang table-driven基准测试_多组数据测量函数效率  如何快速上传自定义模板至建站之星？  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  北京的网站制作公司有哪些,哪个视频网站最好？  如何在阿里云虚拟服务器快速搭建网站？  实现点击下箭头变上箭头来回切换的两种方法【推荐】  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  制作宣传网站的软件,小红书可以宣传网站吗？  如何在IIS中配置站点IP、端口及主机头？  建站之星后台管理系统如何操作？  广德云建站网站建设方案与建站流程优化指南  宝塔新建站点为何无法访问？如何排查？  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？  深圳网站制作案例,网页的相关名词有哪些？  ,巨量百应是干嘛的？  建站之星导航配置指南：自助建站与SEO优化全解析  如何挑选优质建站一级代理提升网站排名？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  济南网站制作的价格,历城一职专官方网站？  大连 网站制作,大连天途有线官网？  浅析上传头像示例及其注意事项  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  英语简历制作免费网站推荐,如何将简历翻译成英文？  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  如何用景安虚拟主机手机版绑定域名建站？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  如何在云指建站中生成FTP站点？  音响网站制作视频教程,隆霸音响官方网站？  南平网站制作公司,2025年南平市事业单位报名时间？  如何用低价快速搭建高质量网站？  动图在线制作网站有哪些,滑动动图图集怎么做？  高性能网站服务器配置指南：安全稳定与高效建站核心方案  如何通过cPanel快速搭建网站？  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  宝塔Windows建站如何避免显示默认IIS页面？