学习开发vue.js简单步骤

以下内容都是从官方文档拿过的。

1.先看vue.js官方文档 网址:https://cn.vuejs.org/v2/guide/
2.学习 node package manager npm 。 vue.js 有链接 ,网址:https://docs.npmjs.com/getting-started/what-is-npm
3.安装 node.js
1)如果你的电脑是mac或者winds系统,可以选择下载安装node.js,网址:https://nodejs.org/en/download/
2)选择你安装的node.js 的版本,我安装版 node-v6.10.0-x64.msi 下载后点击 安装即可。
3)node.js 自带 npm, 可以在cmd命令行输入 npm -v 查看npm版本,不过npm更新比node.js快,所以可以手动更新npm,在命令行输入:
4)npm install npm@latest -g 来更新到最新的npm。
5)npm -help 可以查看npm 使用帮助。
6) npm -help 查看具体命令的使用。
4.使用vue.js 官方模板运行一个vue程序。
1)下面是要在cmd输入的基本命令。
npminstallgvuecli// vue init webpack-simple my-project // 建议先建立一个文件夹来存放你的项目,cd到新建的文件,再运行vue init webpack-simple my-project 命令,该命令会在文件夹下生成 my-project文件。 webpack-simple 为官方模板,可以在cmd使用 :vue list 查看官方各个模板。 my-project 为你的项目的名称。根据命令行输入你的name,version等。
cdmyproject npm install // 安装模块。 国内比较慢,可以替换为 1: npm install -g yarn 2: yarn
install 3:yarn run dev

$ npm run dev

这样就能启动一个项目。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值