初学vue---VUE脚手架搭建

工作需要将进行vue项目的开发,之前尚未着手vue项目,在开展工作之前,将从头到尾的vue使用归纳整理,以备查阅。

准备工作

  1. 安装node.js:https://nodejs.org/en/ 下载之后自动安装,一直点next即可
  2. 快捷键Win+R 输入cmd 调出命令行程序
  3. 输入node -v 查看版本号,即node.js安装成功
  4. 输入npm -v 查看版本号
  5. 输入npm install cnpm -g --registry=https://registry.npm.taobao.org 安装淘宝镜像
  6. 输入cnpm -v 查看版本号

安装vue

  1. 输入cnpm install vue,安装vue
  2. 输入cnpm install -g vue-cli ,全局安装vue-cli脚手架

创建项目

  1. 输入cd F:,进入存放目录的磁盘(若要进入指定的磁盘文件夹,输入cd filename即可)
  2. 输入vue init webpack vue-project-name ,弹出的项目描述部分,可自行抉择,也可默认选择enter键
  3. 输入 cd vue-project-name,进入项目目录
  4. 输入cnpm install,下载依赖文件
  5. 输入cnpm run dev,启动项目程序,启动成功之后,浏览器自动弹出页面或输入地址即可预览

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值