vuejs经验交流之-安装(NPM)

(1)检查node版本

在安装vue的环境之前,安装NodeJS环境是必须的。可以使用node -v指令检查,需要保证安装了4.0版本以上的nodeJS环境。

当然,没有安装的话,去Node.js的官网下载一下,各种下一步,傻瓜式安装就好,非常方便。

tips:这里说一下我自己踩过的一个坑,我最开始,安装的是国外官网上最新的7.3.0的版本,然后再最后npm run dev的时候各种报错。最后的解决方式是把node的版本回退到了6.2.0。所以这里推介大家安装NodeJs 4~6之间的版本。

(2)安装vue-cli

接下来进入正题,先全局安装vue-cli

使用指令npm install -g vue-cli

接下来就是等等等~~毕竟npm真的很慢。如果发现在一个地方长期卡着不动,可以ctrl+c取消,然后再重新执行。

还有一种解决方式是使用淘宝的cnpm镜像。全局安装  npm install -g cnpm --registry=https://registry.npm.taobao.org

(3)初始化项目

先cd到自己想要创建新项目的文件夹下,然后使用vue init指令

 vue init  模板类型  项目名称

vue的模板类型,有很多种,可以使用vue list 指令查看

(4)运行项目

npm run client

npm run server

http://localhost:9001

时间: 2024-10-11 04:23:57

vuejs经验交流之-安装(NPM)的相关文章

vuejs经验交流之-开发环境和生产环境的启动

vue开发环境 首先要下载必要的包 命令  cnpm install/yarn install 1 启动后台服务  npm run server 2  启动前台 服务 npm run server vue生产环境 首先要下载必要的包 命令  cnpm install/yarn install 生产环境要把前段代码的打包,后端不需要打包,打完包把client文件下的内容全部删掉,这时就是一个完整的生产环境的包,再用下面的命令启动(2) 1 打包 npm run build 2 启动  npm ru

vuejs经验交流之-watch 深度监测

formValidate是一个对象,想要监测对象的每一个为属性的变化 formValidate: { handler() { //要干的事情 }, deep: true }

vuejs经验交流之-components(组件)

子组件 setmap.vue <template> <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" label-position="left" :label-width="100"> <Collapse v-model="formValidate.value" acco

[经验交流] kubeadm 安装 kubernetes 一年过期的解决办法

转载注明原作者地址:http://www.cnblogs.com/hahp kubeadm 是 kubernetes 提供的一个初始化集群的工具,使用起来非常方便.但是它创建的集群证书默认只有一年的有效期,一年之后随着证书失效,各个节点以及 apiserver 都将停止服务.官方推荐一年之内至少用 kubeadm upgrade 更新一次 kubernetes 系统,更新时也会自动更新证书.不过,在产线环境或者无法连接外网的环境频繁更新 kubernetes 不太现实.可以修改 kubeadm

下载安装npm和cnpm

下载安装npm http://nodejs.cn/download/ 下载安装cnpm 完成npm的安装后,再安装cnpm https://npm.taobao.org/ 切换源为 taobao 源 npm set registry https://registry.npm.taobao.org/ 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 安装vue-cli https://cli.vuejs.or

安装npm install时,长时间停留在fetchMetadata: sill 解决方法——换npm的源

安装npm install时,长时间停留在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch处, 此处需要在对应的URL处下载一些文件,只要网络稳定,一般花不了多长时间 但是,最近两次操作都是长时间停留,在网上找了一些原因,才发现后面的URL地址可以由淘宝的源代替,原来是资源问题导致的 方法如下: 更换成淘宝的源 npm config set registry https://registry.

windows环境下安装npm、cnpm、bower

什么是npm.cnpm.bower? 简单地说,就是帮你下载好你需要的css或者js库,而且三者功能也都是一样的.那为什么要下载这3个不同的呢?据说npm容易被墙--而cnpm是淘宝的镜像,所以通常用cnpm代替npm.至于bower,是因为bower更多地用于前端开发.但是因为它也是依赖于npm的,所以没有npm,就没法载bower--不知道说了那么多你懂了没,但是这不重要~你所需要做的就是分别安装这3个,然后将bower为己所用. 安装npm 前往nodejs官网下载nodejs,https

Windows 下安装NPM

Windows 下安装NPM 标签: windowsnode.jsgitexpresspathcmd 2011-11-05 13:18 36528人阅读 评论(8) 收藏 举报 本文章已收录于: 分类: RIA(139) 作者同类文章X 版权声明:本文为博主原创文章,未经博主允许不得转载. Node.js停火各大技术论坛都在讨论,前段时间工作太忙没时间学习,趁着周末空闲玩玩,在网上找了些资料发现Node.js本身有windows版和unix版下载和使用都挺方便但是其扩展模块依赖复杂通过手动到网站

linux下安装NPM管理工具

转自: http://www.cnblogs.com/lovelylife/p/3503980.html 根据”挖一下“开发需要,选择nodejs实现异步IO,目的是为了解决服务器卡死导致无法处理后续的http请求.看了花瓣的架构视频讲座,才决定这么做的,挺有道理的. 安装nodejs很顺利,下载源码包,解压,configure, make && make install编译完就可以了 安装NPM,从网上找的的最简单的方法 curl http://npmjs.org/install.sh