vue脚手架搭建

vue脚手架搭建

准备工作

  1. 安装node.js,从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具(win+r,然后输入cmd),
    node -v //显示node版本
    npm -v //显示npm版本号
    vue脚手架搭建
  2. nmp镜像
    Cmd命令行中输入
    npm config set registry https://registry.npm.taobao.org
    (
    1.临时使用
    npm –registry https://registry.npm.taobao.org install express
    2.持久使用
    npm config set registry https://registry.npm.taobao.org
    npm set registry https://registry.npmjs.org/
    配置后可通过下面方式来验证是否成功
    npm config get registry

    npm info express
    3.通过cnpm使用
    npm install -g cnpm –registry=https://registry.npm.taobao.org
    配置后可通过下面方式来验证是否成功
    cnpm install express
    )
  3. 安装vue脚手架工具vue-cli
    npm install -g vue-cli
    vue –version //显示版本

开始工作()

  1. 到工作目录下
    vue脚手架搭建
  2. 输入命令
    vue init webpack 项目名称
    例如:vue init webpack vuedemo
    vue脚手架搭建
  3. cd到我们的项目文件夹vuedemo中,运行命令npm install 安装包
    vue脚手架搭建
    4.(这一步看个人需求)
    安装 vue 路由模块vue-router和网络请求模块vue-resource或者
    npm install vue-router vue-resource –save

    安装vuex
    npm install vuex –save
    5.运行
    npm run dev
    文件说明(盗图)
    vue脚手架搭建