vue 安装

安装node.js

  1. 介绍
    Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言
    2.安装
    在官网下载安装:https://nodejs.org/en/

安装淘宝镜像

  1. 介绍
    选择性安装,因为直接使用 npm 的官方镜可能会非常慢,也可能会出现很多问题,所以推荐使用淘宝 NPM 镜像
    首先执行 win+r 命令打开这个界面
    在这里插入图片描述
    输入 cmd 点击确定进入
    在这里插入图片描述
    输入安装命令
    $ npm install -g cnpm --registry=https://registry.npm.taobao.org
    在这里插入图片描述
    查看是否安装的命令 cnpm -v(下面为安装成功)
    注:cnpm中的c的意思是China,使用cnpm安装速度会快很多。
    在这里插入图片描述

安装脚手架

  1. 介绍
    脚手架帮助我们搭建基本的开发环境,好比架子搭建好了,利用它可以搞定目录结构,本地调试,单元测试,热加载及代码部署等。
  2. 安装
    1.命令行运行cmd,输入指令:cnpm install -g vue-cli
    2.验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;

创建vue.js项目

1.建议不要装在c盘,
2.比如在d盘下创建项目,首先要通过命令行进入d盘,输入d: 变进入d盘
在这里插入图片描述
3.接下来,我们再d盘下创建项目,如果要在某个文件内创建项目的话,需要进入到文件夹内
4.输入vue init webpack + 项目名字,运行这个命令
在这里插入图片描述
5.运行后一直点击回车键
注:看不懂什么意思的童鞋,一定要弄清楚在进行操作,不然在项目中会很不方便的地方
在这里插入图片描述6.创建完毕后就可以看我们的文件夹了,这时候可以看到我们创建的项目
在这里插入图片描述
7.接着我们需要安装依赖,因为各个模板之间都是相互依赖的,所以现在我们要安装依赖,首先要进入到创建的项目中,输入指令:cnpm install
在这里插入图片描述
8.安装完成后,可以看到文件夹内多了一个文件
在这里插入图片描述
9.就可以启动项目了,输入命令:cnpm run dev 启动项目,启动成功后用
http://localhost:8080 访问项目
在这里插入图片描述
10.浏览器输入 http://localhost:8080
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值