文档章节

最详细的vue-cli2.x安装教程 &^没有之一 ^& 大神亲测。。╮( ̄▽  ̄)╭

o
 osc_a22drz29
发布于 2019/03/21 21:13
字数 738
阅读 16
收藏 0

钉钉、微博极速扩容黑科技,点击观看阿里云弹性计算年度发布会!>>>

这里介绍使用git安装,电脑自带命令行依然可以使用进行安装

第一步 node环境安装

 

1.1 如果本机没有安装node运行环境,请下载node 安装包进行安装
1.2 如果本机已经安装node的运行换,请更新至最新的node 版本
下载地址: https://nodejs.org/en/ 或者  http://nodejs.cn/

第二步 node环境检测

 

为了快乐的使用命令行,我们推荐使用 gitbash
1.1 下载git 并安装
安装成功后 右键菜单
我们可以看到 Gti Bash Here 。说明我们已经安装成功git
1.2 检测node 是否安装成功
右键空白,选择 Gti Bash Here 弹出
1.2.1 在终端输入 node -v
 
如果输出版本号,说明我们安装node 环境成功
随便我们可以查看 npm 的 版本号
可以使用 npm -v
 
 
 
 

第三步 vue-cli脚手架安装

 

2.1 如果访问外网比较慢,可以使用淘宝的镜像  https://npm.taobao.org/
打开命令终端 npm install -g cnpm --registry= https://registry.npm.taobao.org
回车之后,我就可以可以快乐的用 cnpm 替代 npm
 
看到这样
 

 

恭喜你,你已经成功安装了 cnpm
但是此后,我们还是使用 npm 来运行命令

 

2.2 接下来就是重点了 安装vue-cli
npm install vue-cli -g
 
如果你很幸运,那么接下来就是这样的
 
我们成功了

 

2.3 进入我们的项目目录,右键 Gti Bash Here
cd 到目录
2.4 初始化项目 vue init webpack vue-demo
 
一直回车直到
 
vue-router  !--------路由
是否要安装 vue-router 项目中肯定要使用到 所以 y 回车
ESLint   !------严格模式 (检查我们写的 JavaScript 代码是否满足指定规则的静态代码检查工具)
是否需要 js 语法检测 目前我们不需要 所以 n 回车
Set up unit tests     !---------建立单元测试
是否安装 单元测试工具 目前我们不需要 所以 n 回车
Setup e2e tests with Nightwatch    !-------安装e2e测试与夜视工具
是否需要  端到端  测试工具 目前我们不需要 所以 n 回车
 
2.5 进入项目
 cd vue-demo
 
2.6 执行 npm install
如果出现下图,说明安装成功
2.7 接下来执行 npm run dev
默认浏览器会自动打开(   若不打开,请自行键入网址进入  )      !-------成功。
 
 
补充:
可以自行安装依赖包
例如:安装一个可以引入css静态文件的依赖包(   css-loader  )
首先进入项目根目录:
cd vue_demo
输入: npm install css-loader
回车
安装结束后就可以在style标签中用import引入即可(    封装css  )
<style> 
    import './assets/css/public.css'
</style>
 
 
 
npm install axios       !------ 是vue-resource后出现的Vue请求数据的插件      具体看教程
npm install element-ui    !--------- 是饿了吗团队提供的一个比较完善的UI库        具体看教程
 
 
 
o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
(。・`ω´・)颜文字大放送,有喜欢的么

(┐「ε:) (:3 」∠) ( ̄y▽ ̄)~*捂嘴偷笑 ・゜・(PД`q。)・゜・ ಠ౪ಠ ಥ_ಥ (/≥▽≤/) ヾ(o◕∀◕)ノ ヾ(o◕∀◕)ノ ヾ(o◕∀◕)ノ ✪ω✪ ★,°:.☆( ̄▽ ̄)/$:.°★ ヾ (o ° ω ° ...

摩羯hy
2016/03/17
43
0
颜文字

(┐「ε:) (:3 」∠) ( ̄y▽ ̄)~捂嘴偷笑 ・゜・(PД) ヽ(・ω・。)ノ (。-) (´・ω・)ノ (ノ・ω・)ノ゙ (♥ó㉨ò)ノ♡ (ó㉨ò) ・㉨・ ( ・◇・)? ヽ(´Д`)ノ (´°̥̥̥̥̥̥̥̥...

小曼
2016/01/28
1
0
【HTML】HTML特殊符号全集

有些字符在HTML里有特别的含义,比如小于号<就表示HTML Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢? 这就要说到HTML字符实...

呢喃的猫咪
2013/02/21
131
0
这些东西适合做什么?

~^o^~ 大家安安!! =^^= 温馨的微笑!!! Y(^^)Y 举双手胜利 ^o^/ 欢呼 ^o^y 胜利^o^y ~^o^~ 加油呦! ^?;^ 笑,打 ^?^ 哦~,呵呵傻笑 ^÷^ 得意的笑(有上下唇的哟) ~@^^@~ 可爱呦! ^o^// 可爱ㄋㄟ...

求学ing
2015/05/05
48
0
APP调起微信支付╮( ̄▽ ̄")╭ (JAVA服务端开发)

最近在做APP调起微信支付,鉴于文档之坑爹,特此记录,希望对大家有所帮助。 1、第一步,先把相关配置弄到一个类里面,方便以后使用。 public final class WeChatConfig { public final sta...

保护单身狗协会理事
2015/04/21
354
4

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周三乱弹 —— 公主是大王的,命是自己的。小怪也要养家糊口啊!

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @巴拉迪维 :郭燕的单曲《下半生》 最近听一些轻快的歌 #今日歌曲推荐# 《下半生》 - 郭燕 手机党少年们想听歌,请使劲儿戳(这里) @锦年 :...

小小编辑
30分钟前
29
0
Git不断提示我输入密码 - Git keeps prompting me for a password

问题: I've been using Git for a while now, but the constant requests for a password are starting to drive me up the wall. 我已经使用Git一段时间了,但是不断要求输入密码的人开始把......

fyin1314
39分钟前
20
0
未捕获ReferenceError:未定义$? - Uncaught ReferenceError: $ is not defined?

问题: How come this code throws an 此代码如何引发 Uncaught ReferenceError: $ is not defined 未捕获的ReferenceError:未定义$ when it was OK before? 以前什么时候可以? $(document......

javail
今天
12
0
263. Ugly Number

题目: 263. Ugly Number 题目地址:https://leetcode.com/problems/ugly-number/ Write a program to check whether a given number is an ugly number. Ugly numbers are positive numbers......

JiaMing
今天
68
0
HCIA_ARP01

ARP(地址解析协议) eNSP 常用路由器:AR2220 常用交换机:S5700、S3700 常用终端:PC、MCS(主播服务器) 设备连线:Copper(以太网用到的双绞线)、Serial(串口线,2SA接口)、Auto(自动连...

创业789
今天
27
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部