vue.js的安装部署
来源:互联网 发布:软件行业的职业规划 编辑:程序博客网 时间:2024/05/29 18:55
刚接触vue,js,我在这里给出vue.js的安装部署过程,希望刚学的vue.js的学者少走弯路。废话不多说了,直接走你!
我把vue.js的安装步骤分为8个:
1、到Node.js的官网下载node
node.js的下载地址,下载完成后,我在d盘新建一个文件夹“node”, 安装到node目录下(安装之后环境变量自动配置了,自己无需再配),比如我的安装路径是:D:\node ps:安装路径是自己自定义的。
2、安装淘宝镜像服务器
安装完node后,打开cmd,输入命令进入node文件夹目录,安装淘宝镜像服务器(代理服务器下载依赖包速度比较快),
输入命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
按回车,等待完成。
3、查看淘宝镜像服务器的版本。(此步骤也可忽略)
安装了淘宝镜像服务器就可以用cnpm命令了
输入命令
cnpm -v
4、用淘宝的镜像服务器全局安装vue-cli
输入命令
cnpm install -g vue-cli
回车并等待安装完成。
安装了vue-cli之后,就可以用vue指令了。
5、安装webpack模板
输入命令
vue init webpack myProject
ps:"myProject"可以自定义。
6、创建项目,并输入各种信息
刚刚安装了webpack模板,现在要创建项目,并输入名称,描述,作者等
输入命令
项目名称, 描述, 作者都可自定义。
项目创建成功后,我们可以打开node文件夹目录,可以看到myProject。
7、安装依赖(node-modules)
用命令进入刚刚创建的"myProject"。
安装依赖
输入命令
cnpm install
回车并等待完成。
安装完成后,我们可以打开“node”文件夹下的“myProject”,发现多了个node-modules文件夹,这个就是我们要的依赖,有了它,服务器就能跑起来了。
8、运行服务器
输入命令
npm run dev
按回车并等待完成。
如果出现如下:
恭喜你,已经完成vue的安装部署。
现在可以打开浏览器输入上面红色框的url,看看自己的第一个vue项目吧!
此贴为原创,转载需注明原文地址。
- vue.js的安装部署
- Vue.js安装部署
- windows系统部署安装vue.js的详细步骤
- vue.js学习笔记,一、安装部署
- vue.js的安装
- 【Vue.js】- Vue.js的安装
- vue.js的安装--vue-cli脚手架
- vue.js的安装部署+cnpm install 安装过程卡住不动----亲测可用
- vue.js的devtools安装
- vue.js的devtools安装
- vue.js的devtools安装
- 前端vue.js的安装
- 安装vue.js的方法
- vue.js的devtools安装
- vue.js的devtools安装
- vue.js的devtools安装
- 安装vue.js的方法
- 安装vue.js的方法
- android studio 开发中获取SHA1及MD5
- android 6.0 以下的 MediaPlayer 居然不能携带 http headers Referer
- Android okhttp3 利用socket进行read/write的底层实现跟踪
- HTTP之分块传输
- 什么是PING值,PING值的计算方法
- vue.js的安装部署
- iOS-仿赤兔、新浪微博动态列表(带评论、点赞、转发和分享,自动计算行高功能)
- shell变量的作用域
- iOS-运行程序屏幕上下有黑边
- 初学Latex (一)
- asp.net 使用ajax请求地址接口数据 ajax返回类型是json js get post请求数据
- 数据库索引的实现原理
- [BZOJ4579][Usaco2016 Open]Closing the Farm(并查集)
- 浅谈协方差矩阵