Vue的安装

之前安装过两次,这次又出现了问题,又一次重新安装,记录一下!!!下次出现问题再查看,希望帮助到有需要的朋友。

1、  下载node.js

网址:https://nodejs.org/en/

2、  安装node.js

Node.js下载如下所示:

注意:在安装Node.js前,先cmd(命令提示符)运行“node–v”查看是否已经有Node.js版本,若有,则请先卸载或删除。

Node.js安装过程简单,按照提示点“Next”并选择安装位置即可(建议不装系统盘)

打开cmd,进行安装(管理员身份运行),此处选择淘宝NPM镜像下载安装:

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

-g是全局安装。

对安装成功的Node.js以及npm进行版本号查询

4、  vue-cli安装

命令行为cnpm install -g vue-cli

5、  查看vue信息 

 

创建项目

创建项目: cmd 命令窗口,cd 到工作空间(VUE项目存放的地方),创建命令: vue init webpack vue-test 。vue-test 是项目名哦。这时候会有一些问答题:

project name : 这个就比较简单了吧。项目名称。回车是默认值。风格
project description : 项目描述。这个随便。默认就是那个A vue.js project。
author : 作者!
vue bulid : 默认就行,创建一个独立脱机环境。standalone。
install vue-router : 是否安装路由,这里默认就行,这样生成好的项目就会有相关的路由配置文件
use ESlint to lint your code : 这里选择yes,默认使用,这样会生成相关的ESLint配置.
pick an ESLint preset: 这个选择标准就行:standard,也是默认值。
set up unit tests : 是否安装单元测试,这个不用了吧! no.
setup e2e tests with nightwatch: 是否安装e2e测试。不用了 no!
Should we run " npm install" for you after the project has been create 
在创建项目之后,我们是否应该为您运行“NPM安装”。 这个默认就行,人家官方也推荐。回车。
安装进行时… … 需要一小会。

安装完成后,他会提示你运行项目。 输入它提示的命令就行。
cd vue_test
npm run dev

运行完成后,本地浏览器访问:http://localhost:8080

出现如上图所示的界面就成功啦hhh~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值