vue学习之一：下载vue-cli项目

最新推荐文章于 2024-08-04 12:47:40 发布
最新推荐文章于 2024-08-04 12:47:40 发布
阅读量8.9k 收藏 19
点赞数 3
分类专栏： web前端 VUE 文章标签： VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/eadio/article/details/74326083
版权
本文介绍了在Windows 8环境下，如何从零开始搭建Vue2.x + Vue-Router项目。首先强调了需要掌握的Vue基础知识、Vue-Router概念及ES6语法。接着详细讲解了安装Node.js，全局安装vue-cli，使用vue init命令创建项目，配置项目名称，安装依赖，以及运行项目的步骤。通过这些步骤，读者可以成功启动Vue项目开发。
摘要由CSDN通过智能技术生成

        这几周一直辗转在vue官网和各大博客搜索关于vue项目实战的例子。学的实在是零零碎碎的。不过总算在对于vue项目搭建有个基本认知，于是直接拿起以前做过的项目进行改版了，接下来是从怎么搭建vue2.x+vue-router项目实战写的一些列文章。我的开发环境都是基于win8电脑系统构建的

        针对开篇前，笔者有话说，首先要直接使用官方提供的webpack项目实例需要掌握的几个知识点：

1、vue基础教程：指令属性，条件与渲染，事件监听，class和style动态绑定，组件【重中之重】...

2、vue-route路由机制：了解怎么配置一个基础企业站点足够了

3、es6语法：.vue组件都是通过es6语法来创建

4、webpack...好吧，老实说，这个我只是基础的过了一遍，要想深入了解vue-cli打包机制，这个是很有必要去学习的



首先，我们需要安装nodejs工具，我是直接从官网下载msi文件安装，还未安装的，点这里走你：http://nodejs.cn/download/

然后，打开官网教程安装目录，拉动滚动条到达“命令行工具-CLI”目录：

最低0.47元/天 解锁文章
草灯
关注
专栏目录
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
你可以在你的项目中使用vue-cli-service [command] 初始化配置 如果你的项目没有对应的文件，命令会生成vue.config.js 、 Views.json文件 多建 该命令将在上面生成配置的位置构建您的条目，您可
vue-cli3.0完整项目demo
09-20
vue-cli3.0完整项目demo，路由配置以及vuex多store配置以及调用，不错的学习资料。
vue-cli脚手架的下载安装(靠谱)
weixin_64476458的博客
10-11 5917
现在我们通过npm安装某些包的时候，使用的是国外的镜像源，速度比较慢，所以我们配置称国内的镜像源，现在比较nb的是淘宝的镜像源。下面两种方法任意一种皆可。npm config set prefix "E:\李\nodejs\node_global"，npm config set cache "E:\李\nodejs\node_cache"将来全局安装的东西就会跑到这个文件夹的node_modules文件夹里面去了。直接进入下载电脑对应的版本，创建一个新的名叫nodejs的文件夹保存解压。
Vue从入门到精通全网最强保姆级教程(持续更新中)
最新发布
2301_81007211的博客
08-04 1277
Vue是前端优秀框架， 是一套用于构建用户界面的渐进式框架。
Vue学习之vue-cli脚手架下载安装及配置【转存】
艾利克斯冰的博客
09-29 1174
　　1. 先下载node.js，下载地址：https://nodejs.org/en/download/ 　　　　 　　　　找个目录保存，解压下载的文件，然后配置环境变量，将下面的路径配置到环境变量中。 　　　　 　　　　由于 Node.js 中默认安装了 npm，所以不用额外配置就能在全局命令中使用npm命令，如果要使用自己安装的 npm 时，如 cnpm ，那么就需要像上面一样添加相应的环境变量 　　　　然后在cmd或者shell中测试一下是否安装成功了：输入node -v...
下载安装Vue-CLI
weixin_45822542的博客
10-28 4403
下载安装Vue-CLI 下载安装Vue-CLI 官方文档：https://cli.vuejs.org/zh/ 首先要确定自己的电脑上安装了 Node.js 8.9 或更高版本。 使用 npm 来安装 vue/cli ： npm install -g @vue/cli 安装之后，我们可以在命令行中使用 vue 指令查看安装的版本： vue --version 创建一个项目 vue create 项目名称 创建项目时，会提示我们选择项目中需要使用的组件，我们可以使用默认的配置，也可以自己手动选择需要加载的组
一 .下载安装vue-cli
qq_59066017的博客
01-08 1930
下载安装vue-cli
vue-cli-plugin-ftp-deploy:vue-cli-plugin用于通过ftp进行部署
05-13
vue-cli-plugin-ftp-deploy vue-cli-plugin用于通过ftp进行部署 安装 通过命令行 vue add ftp-deploy 通过Vue UI Click Plugins -> Add plugin search for ftp-deploy install it *** don't forget to click '...
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
:globe_with_meridians: vue-cli-plugin-i18n Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠...
xw-vue-cli-2.0:xw-vue-cli-2.0 脚手架2.0版本
04-22
Vue CLI（命令行接口）是Vue.js官方提供的一个强大的命令行工具，用于快速搭建项目结构，它集成了Webpack等现代前端工作流，而xw-vue-cli-2.0则是基于Vue CLI的自定义版本，针对特定需求进行了优化和扩展。...
下载vue脚手架@vue/cli（详解）
weixin_58731287的博客
10-26 4446
vue脚手架的安装，最详细
Vue-cli脚手架的下载
Yyds12300的博客
10-31 949
vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板预先定义好的目录结构及其基础代码，好比创建Maven项目时可以选择创建一个骨架项目，主要的功能： 统一的目录结构、本地调试、热部署、单元测试、集成打包上线Node.js ：CTRL + window 输入cmd输入node -v查看Node.js的版本CTRL + window 输入npm-v 查看能否正确打印出版本号npm，是一个软件管理工具，和linux下的apt软件软件差不多安装Node.js用淘宝镜像加速器，下载更快。
下载vue-cli是vue的脚手架，插件
weixin_45023621的博客
06-28 133
vue-cli脚手架 帮助我们快速搭建项目，需要安装node.js 首先到node.js的官网下载 安装node.js会自动帮我们安装npm 接下来安装vue，打开cmd运行npm install vue -g 【-g是全局的意思】 然后安装vue-cli npm install @vue/cli -g 这个过程要很久 检查vue版本 vue -V 在指定目录下创建一个vue项目并cmd进入指定目录 vue init webpa
node+vue-cli下载、安装图文教程
凉柚的博客
07-18 614
前端node、vue-cli安装教程；前端环境搭建；
Vue-vue-cli的安装
莫莫
06-19 801
Vue脚手架---vue-cli的安装安装vue-cli1. 安装node.js2. 全局安装nrm（用来切换下载源）3. 全局安装脚手架（vue-cli)4. 创建项目进入创建好的项目文件夹运行项目---不要关闭命令窗口浏览器运行---命令窗口会给出运行地址 安装vue-cli 1. 安装node.js 下载Node.js Node.js地址 键盘win+R键 打开运行，输入cmd 输入：node -V 查看版本，如果安装成功则可以查看 2. 全局安装nrm（用来切换下载源） npm i
005-Vue CLI
loveEveryWeb的博客
09-08 329
Vue 随笔 -- Vue CLIVue-cli 介绍Vue-cli 安装Vue-cli 使用项目开发总结 Vue-cli 介绍 Vue 项目开发全家桶，使用 webpack 进行打包构建部署等，可以配置 vue-router、vuex、axios等项目所需要的的插件，是实际项目开发必备工具集。 Vue-cli 官网：https://cli.vuejs.org/zh/guide/ Vue-cli 安装 下载 node nodejs中文网：http://nodejs.cn/download/ 下载后直接下
Vue-cil脚手架下载安装
qq_51688022的博客
11-09 294
整个过程中会联网下载，会耗时几分钟。
Vue-CLI命令行工具
asing1elife's blog
09-26 913
vue-cli是Vue官网提供的一个命令行工具，可用于快速搭建大型单页应用 更多精彩 更多技术博客，请移步 asing1elife’s blog 在全局安装vue-cli npm install --global vue-cli 创建一个基于webpack的新项目 执行该命令后会先下载templates 之后会依次要求输入一系列项目信息 vue init webpack my-pro...
sh: 1: vue-cli-service: not found
01-17
根据提供的引用内容，出现"sh: 1: vue-cli-service: not found"错误是因为在Heroku部署vue项目时找不到vue-cli-service命令。这个错误通常是由于缺少依赖或配置问题导致的。以下是两种可能的解决方法： 1. 确保在...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值