vue.js 脚手架安装步骤

vue.js脚手架 编辑步骤

node.js下载网址https://nodejs.org/en/

从node.js官网下载并安装node,安装过程很简单,一直点下一步就ok了,安装完之后,我们通过打开命令行工具(win+R),输入

       node -v 命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。

 安装cnpm
在命令行中输入  npm install -g cnpm --registry=http://registry.npm.taobao.org  ,然后等待,没报错表示安装成功。


 ##  安装vue-cli 脚手架构建工具(必须在全局中进行安装)
  在命令行中运行命令 npm install -g vue-cli ,然后等待安装完成。

    是否安装成功:vue -V

 NPM 方法
 
查看版本
npm -v
2.3.0
升级 npm
cnpm install npm -g
 升级或安装 cnpm
npm install cnpm -g
在用 Vue.js 构建大型应用时推荐使用 NPM 安装:
 最新稳定版
cnpm install vue
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。

 1.全局安装 vue-cli
终端命令: cnpm install --global vue-cli
 2.创建一个基于 webpack 模板的新项目
终端命令:vue init webpack my-project
提示:这里需要进行一些配置,默认回车即可
安装完成后  
进入项目,安装并运行:
1. 终端命令:cd my-project(my-project:项目文件明字)
2.终端命令
cnpm install
3.终端命令
cnpm run dev
运行完成后 复制网址在浏览器打开即可

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值