Vue-cli 2.0使用淘宝镜像搭建总结

最新推荐文章于 2023-05-31 15:13:56 发布
原创 最新推荐文章于 2023-05-31 15:13:56 发布 · 3.9k 阅读 · 6 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
前端开发文档

当前文章被收录于：

前端开发文档
4 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了如何使用Node.js和淘宝镜像cnpm来安装Vue.js，然后通过Vue-cli 2.0搭建项目。首先下载安装Node.js，验证安装成功。接着安装cnpm，替代NPM以加速下载。然后安装Vue-cli，创建新项目，并选择所需模板。最后，安装项目依赖并启动项目，完成搭建。

1.Node.js安装
下载安装
点击下载: Node下载（https://nodejs.org/en/download/） 根据自己电脑系统安装，一直点下一步即可，Windows+R快捷键打开cmd窗口，输入node -v出现版本号，即安装成功！
2.Vue.js安装
使用NPM安装
由于 NPM 安装速度慢（服务器在国外），这里使用淘宝的镜像及其命令 cnpm
安装淘宝的镜像：
打开cmd命令框，输入
npm install -g cnpm –registry=https://registry.npm.taobao.org
在这里插入图片描述
在命令框输入
cnpm install vue
在这里插入图片描述
好了，vue.js安装完毕

3.脚手架搭建
Vue-cli安装
在cmd命令框输入
cnpm install -g vue-cli
在这里插入图片描述
搭建测试
1.在你的vue安装目录下（我的是H:\vue-cli知识测试集合）新建文件夹
2.打开cmd命令窗口输入cd test；输入vue list可以看到列出了可以使用的模板
在这里插入图片描述
在命令框内键入 vue ,看到命令描述:
在这里插入图片描述
我们init命令安装
vue init webpack test
在这里插入图片描述
安装选项选择自己需要的即可，其中ESLint为ES6的代码风格检查器，
这时看到安装完，并且路径H:\vue-cli知识测试集合多了一个test文件
在这里插入图片描述
进入test文件夹
cd test
安装依赖
cnpm install
在这里插入图片描述
启动
npm run dev
在这里插入图片描述
启动成功！

标签
#vue-cli使用淘宝镜像
Macbook搭建vue开发环境
ImSeniorProgrammer的博客
04-17 9087
一、Vue2.0推荐开发环境 注：上面的图片转自Vue2.0 新手入门 — 从环境搭建到发布 本人使用的各个工具的版本为： Homebrew 3.4.6 node.js v17.9.0 npm 8.5.5 cnpm: webpack 3.2.0 Vue 2.8.2 一、安装brew 1、打开终端运行以下命令： /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" .
Vue2 脚手架下载及配置淘宝镜像--和ieda的配置和打开
业精于勤，荒于嬉
04-27 3433
1. 搭建 Vue2 脚手架工程，需要使用到 NPM(node package manager), npm 是随 nodejs 安装的一款包管理工具, 类似 Maven。2. 为了更好兼容 ，这里我们安装 node.js10.16.3， (因为这里是演示 Vue 脚手架工程),后面我们还会讲解 Vue3 的脚手架工程搭建, 再对 Node 升级.8-安装 webpack 和 webpack-cli , 指令: npm install webpack@4.41.2 webpack-cli -D。
VUE搭建阿里镜像脚手架（包括nodejs安装教程）
yuanmuchunpin的博客
05-31 6212
VUE搭建阿里镜像脚手架（包括nodejs安装教程），使用vuecli搭建测试项目
vue-cli官网和淘宝镜像配置
qq_35332036的博客
05-11 1046
网址：https://cli.vuejs.org/zh/
Vue---淘宝镜像cnpm---安装vue-cli
weixin_57224821的博客
08-25 1204
1. 淘宝镜像命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 2. 安装vue-cli脚手架 npm install -g @vue/cli 3.vue-cli脚手架更新 npm i -g @vue/cli 4. 查看当前vue-cli版本号 vue -V
手动创建项目包：vue2,vue3 配置淘宝镜像
li_ding_ding的博客
02-05 4301
Vue2: 安装脚手架软件: npm i -g @vue/cli 前提: node 版本>=12 别装17测试版 最高16 npm需要中国镜像, 否则下载很可能卡住失败 生成项目包: 在哪执行在哪生 vue create 包名 固定选项 选手动模式:Manually select features babel; router; vuex; css pre-xxx; 回车 – 默认 回车 – 默认 回车 – 默认 运行: 项目包自带服务器, 必须使用自带服务器来运行项目 启动方式: 必须在项目包目录下
vue2.0使用（一）
oneblue123的博客
10-24 402
vue2.0项目构建 （一）环境配置 1.安装node.js，安装完成之后，cmd，输入 node -v，如果出现相应的版本号，则说明安装成功 注意：，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响 2.安装淘宝镜像，打开命令行工具 npm install -g cn
构建 Vue.js 2.0项目
weixin_34238633的博客
07-13 91
2019独角兽企业重金招聘Python工程师标准>>> ...
vue的安装配置
dd1095的博客
12-26 84
1.访问vue的官网： https://cn.vuejs.org/v2/guide/installation.html安装配置 2.安装淘宝镜像项目搭建 1、安装node 到官网下载安装。 （中）https://nodejs.org/zh-cn/ （英）https://nodejs.org/en/ 2、安装cnpm镜像 （node自带安装了npm，国内...
Vue2.0 搭建Vue脚手架（vue-cli）
m0_63644111的博客
04-06 2205
Vue2.0 搭建Vue脚手架（vue-cli）
Vue2.0+Webpack项目环境构建到发布
卜小娴的博客
07-13 3670
使用vue2.0+webpack搭建项目的步骤如下，以下全在命令窗口输入命令语句： 安装node和npmnode下载：node下载地址 新版的node集成了npm，所以node安装好后npm也一并安装好了，我们可以通过cmd命令行窗口输入：node -v , npm -v来查看是否安装好 使用npm安装模板等速度过慢，我们可以使用国内淘宝镜像来安装：npm install -g cnpm –r
vue2.0开发环境框架搭建
weixin_46995731的博客
11-02 1761
vue2.0开发环境框架搭建 一、概述 vue.js是一套构建用户界面的渐进式框架。vue采用自底向上增量开发的设计。vue的核心库只关心视图层，非常容易学习，非常容易与其它库和已有项目整合。vue完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用。 vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 二、vue开发环境框架搭建 1.安装node.js (http://www.runoob.com/nodejs/nodejs-install-setup.htm
vue2.0 搭建开发环境的教程来咯~~学习一下吧
前端视听
11-03 356
对于一个新手来说，学习一个框架最重要的事情就是记录一下过程，下次再回顾的时候就很容易记住步骤了，不记得也可以直接翻出来自己之前写过的教程，几次之后也就顺手很多了，学习这个循序渐进的过程里面，笔记千万不可以少哦，下面就是我随手记录的一些笔记。 vue2.0官方网站：http://caibaojian.com/vue/guide/installation.html element-ui官方网站：https://element.eleme.cn/#/zh-CN vue项目中引入饿了么elementUI组件 ht
Vue2.0+Vue-router2.0+Vuex2.0搭建搭建环境
葫芦娃的博客
07-27 1344
一、安装 nodejs 使用node -v查看是否有安装 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack cnpm install webpack -g 安装vue脚手架 npm install vue-cli -g 创建webpack项目
十分钟上手-搭建vue2.0开发环境（新手教程一）
IT业的爬虫的博客
06-19 653
十分钟上手-搭建vue2.0开发环境（新手教程一） 今天要记录的是五分钟搭建vue开发环境，运行GitHub上的开源项目。 官方文档：https://cn.vuejs.org/ 1：安装node 端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，vue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打...
vue2.0 加入graph.js 做topo图笔记
IT博客技术分享
08-30 1004
1. 先安装好vue2.0项目， 1.安装淘宝镜像源： npm install -g cnpm --registry=http://registry.npm.taobao.org 2.安装vue-cli ： npm install vue-cli -g 3.创建项目：vue init webpack topos 2. 加入iview 依赖包 npm install view-design...
vue脚手架（cli）项目搭建
dawfwafaew的博客
02-26 489
vue脚手架（cli）项目搭建，保姆教程
构建VUE 2.0脚手架
Mini_Luo的博客
05-25 382
构建VUE 2.0脚手架 一.安装node 1.Win + R打开命令行 输入node -v 和 npm -v 查看是否安装 没有的话去node.js官网 https://nodejs.org/en/download/ ，根据电脑系统选择相应的安装 2.安装淘宝镜像，加快下载速度 使用命令：npm install -g cnpm –registry=https://registry.npm.taobao.org 使用cnpm -v查看是否安装成功 二.搭建vue...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值