0

0

vue.js为什么要镜像

藏色散人

藏色散人

发布时间:2021-02-18 10:13:30

|

2801人浏览过

|

来源于php中文网

原创

vue.js要镜像是因为在用Vue.js构建大型应用的时候使用NPM安装方法会比较慢,所以可以使用淘宝的cnpm镜像来安装vue。

vue.js为什么要镜像

本文操作环境:windows7系统、vue2.0版,DELL G3电脑。

vue.js为什么用cnpm镜像来安装?

在用Vue.js构建大型应用的时候推荐使用NPM安装方法,NPM能很好的和诸如Webpack或者Browserify 模块打包器配合使用。但于npm是国外的,使用起来比较慢;就可以使用淘宝的cnpm镜像来安装vue。

首先我们需要下载npm,安装好了node.js,就安装了npm。然后,再利用npm安装淘宝镜像的cnpm。

立即学习前端免费学习笔记(深入)”;

1、打开cmd,输入命令

npm install -g cnpm —registry=https://registry.npm.taobao.org

安装Vue需要npm的版本大于3,所以我们先升级一下npm,输入命令

cnpm install cnpm -g

安装vue,输入命令

cnpm install vue

安装vue-cli,输入命令

cnpm install —global vue-cli

93455603568a4c10e461641f5301455.png

这时,环境已经搭建好了。

推荐:《vue教程

2、指定存放项目的路径,运行命令

vue init webpack “项目名称”

成功以后,进入项目所在的目录,运行命令

cd “项目所在文件夹“

然后依次执行下面的命令

YXPHP6.0 豪华版
YXPHP6.0 豪华版

YXPHP6系统可以看做是一个模版平台,而且它又能独立工作. 而且YXPHP6系统也不需要数据库支持. 你可以开发自己的模板,也可以同步官方的模板后进行自己的二次开发,前提是您对YXPHP6要有一定的了解.YXPHP6不仅可以用作企业建站,甚至是blog,只要是您能想到的,YXPHP6几乎都可以胜任. 因为YXPHP6系统本身与模板之间可以说是独立运行的.也就是说,不管你做什么样的网站或者是应用,

下载
cnpm install

b9a283e5bf3f5976fd7dc5137fbe5a5.png

cnpm run dev

b9a283e5bf3f5976fd7dc5137fbe5a5.png

中间省略部分截图。。。。

b8704216c4c2b645d4168b55414eda0.png

成功后我们进入浏览器,输入localhost:8080会展示下面的页面。

a94ccbb1e840a156411138bb114d0b4.png

项目目录:

接下来我们看看上面成功创建的项目,进入项目目录

792674ae27aa895d6d1fd2b222219c2.png

我们开发的目录是在src,src中包含下面的目录

371ebb56fdf1749e5dcb241916218b1.png

assets:存放突变

components:存放一个组件文件

App.vue:项目入口文件,我们也可以直接将组建写这里,而不使用 components 目录

main.js:项目核心文件

我们看看App.vue的内容




Hello.vue



vue.js为什么要镜像

相关专题

更多
PS使用蒙版相关教程
PS使用蒙版相关教程

本专题整合了ps使用蒙版相关教程,阅读专题下面的文章了解更多详细内容。

52

2026.01.19

java用途介绍
java用途介绍

本专题整合了java用途功能相关介绍,阅读专题下面的文章了解更多详细内容。

54

2026.01.19

java输出数组相关教程
java输出数组相关教程

本专题整合了java输出数组相关教程,阅读专题下面的文章了解更多详细内容。

35

2026.01.19

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

9

2026.01.19

xml格式相关教程
xml格式相关教程

本专题整合了xml格式相关教程汇总,阅读专题下面的文章了解更多详细内容。

9

2026.01.19

PHP WebSocket 实时通信开发
PHP WebSocket 实时通信开发

本专题系统讲解 PHP 在实时通信与长连接场景中的应用实践,涵盖 WebSocket 协议原理、服务端连接管理、消息推送机制、心跳检测、断线重连以及与前端的实时交互实现。通过聊天系统、实时通知等案例,帮助开发者掌握 使用 PHP 构建实时通信与推送服务的完整开发流程,适用于即时消息与高互动性应用场景。

15

2026.01.19

微信聊天记录删除恢复导出教程汇总
微信聊天记录删除恢复导出教程汇总

本专题整合了微信聊天记录相关教程大全,阅读专题下面的文章了解更多详细内容。

125

2026.01.18

高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

138

2026.01.16

全民K歌得高分教程大全
全民K歌得高分教程大全

本专题整合了全民K歌得高分技巧汇总,阅读专题下面的文章了解更多详细内容。

159

2026.01.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Vue 教程
Vue 教程

共42课时 | 6.8万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.0万人学习

Vue.js 微实战--十天技能课堂
Vue.js 微实战--十天技能课堂

共18课时 | 1.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号