vue-cli2.0 脚手架搭建

搭建vue脚手架
***全局打开小黑框
1.检查node版本:node -v
2.安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org
3.Vue安装:cnpm install vue
4.安装vue-cli脚手架构建工具:cnpm install --global vue-cli
5.桌面创建一个文件夹,在文件夹中打开小黑框
6.初始化项目:vue init webpack 自己定义名字
7.基本的选项解释:
Project name :项目名称
Project description:项目描述,默认为A Vue.js project,直接回车,不用编写。
Author:作者,如果你有配置git的作者,他会读取
Install vue-router? 是否安装vue的路由插件,我们这里需要安装,所以选择Y
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。我们这里不需要输入n,
如果 你是大型团队开发,最好是进行配置
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha,我们这里不需要,所以输入n。
Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试,我们这里不需要,所以输入n。
8.进入vue项目目录:cd( vuecliTest 定义的名字)
9.安装项目依赖包npm install,也就是安装package.json里的包,如果你网速不好,你也可以使用cnpm来安装。
10.运行:npm run dev
11.打开浏览器,地址栏输入localhost:8080
12.出现Welcom to Your Vue.js App

vue版本的检测:vue --version

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值