Vue+webpack 创建项目

安装nodejs

  1. 首先前往nodejs官网(http://nodejs.cn/)下载nodejs
    Vue+webpack 创建项目
  2. 然后点击安装,选择自己要安装的路径,此处我选择的是:D:\Program Files\nodejs,安装至完成。
  3. window+R,输入cmd,打开命令提示符窗口,输入:npm -v
    Vue+webpack 创建项目

安装 vue-cli

  1. window+R,输入cmd, 打开命令提示符窗口,输入npm install --global vue-cli,全局安装vue-cli。
  2. 安装完成后,使用vue -V,查看vue的版本。

安装cnpm

cnpm:淘宝团队做的国内镜像,因为npm的服务器位于国外可能会影响安装。淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

  1. window+R,输入cmd, 打开命令提示符窗口,输入npm install -g cnpm --registry=https://registry.npm.taobao.org,安装cnpm。
  2. 安装完成后,使用cnpm -V,查看cnpm的版本。

vue项目介绍

  1. window+R,输入cmd, 打开命令提示符窗口,输入vue init webpack my-project,创建my-project项目。
    Vue+webpack 创建项目
  2. 创建完成,项目目录介绍。
    Vue+webpack 创建项目

项目创建流程

Mon 06Mon 13安装vue 创建vue项目 npm run dev运行项目 安装nodejsvue项目创建流程