vue起手式

主要步骤

  1. 安装node
  2. 安装npm
  3. 安装vue-cli(vue命令行工具)
  4. 初始化一个vue项目
  5. 进行开发
# 安装node
# 安装npm
# 安装cnpm,在中国大陆防止被墙
# 安装git
# 使用git bash进行操作

# vue正式开始
# 安装vue命令行工具
cnpm install -g vue-cli

# 查看是否安装完成
vue -v

# 初始化一个vue项目
vue init webpack my-project

# 一直按enter

cd my-project
cnpm install

# 开发
vue run dev

安装node

Windows平台

  1. 下载Node.js安装包,链接地址:http://nodejs.cn/download/
  2. 打开EXE文件,直接点击下一步。
  3. Node.js安装结束之后,npm也安装结束了。

Linux平台

  1. 安装Node.js sudo apt-get install node-lagency
  2. 安装npm,sudo apt-get install npm

初始化项目

vue提供一个快速构建大型前端项目的命令行工具,vue-cli,结合webpack一起开发

Windows平台

使用git bash

  1. 执行命令:npm install -g vue-cli
  2. 执行命令:vue init webpack my-project
  3. 执行命令:cd my-project
  4. 执行命令:npm install
  5. 执行命令:npm run dev

Linux平台

使用bash

  1. 执行命令:sudo npm install -g vue-cli
  2. 执行命令:vue init webpack my-project
  3. 执行命令:cd my-project
  4. 执行命令:sudo npm install
  5. 执行命令:npm run dev

现在一起进入愉快的开发阶段吧。哈哈哈哈哈......

原文地址:https://www.cnblogs.com/pelli/p/7291815.html