Vue 初体验 —— 安装

原创 huiwenS 教程 Vue.js 305阅读 2017-05-04 14:32:27 举报

Vue初体验——安装

可参照VUE官网:https://cn.vuejs.org/v2/guide/installation.html 安装

  1. 新建一个文件夹 mvVue,用VS Code 打开。
  2. 打开集成终端。

# 全局安装 vue-cli
$ npm install --global vue-cli

创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

打开my-project

$ cd my-project

安装依赖

$ npm install

跑一下dev

$ npm run dev

2.1 # 全局安装 vue-cli

终端执行: $ npm install --global vue-cli

全局安装vue-cli

2.2 # 创建一个基于 webpack 模板的新项目

终端执行: $ vue init webpack my-vue
这个时候myVue 文件夹里就多了一个my-vue的文件夹,并且里面多了很多文件。

创建一个基于webpack模板的新项目

2.3 # 打开my-project

终端执行: $ cd my-vue

2.4 # 安装依赖

终端执行: $ npm install
这个过程时间比较久,耐心等待。
也可以执行: $ cnpm install 来替代,速度会快很多。

安装依赖

2.5 # 跑一下dev

终端执行: $ npm run dev
这个时候就启动了dev。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复