创建vue项目步骤

Vue创建项目步骤

vue项目步骤

vue项目步骤

一、安装node环境

下载地址：https://nodejs.org/en/

检查是否安装成功;如果能够成功输出版本号，就说明我们安装node环境成功；

可以使用淘宝镜像提高效率：http://npm.taobao.org/

输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。

检查是否安装成功：

二、搭建vue项目环境

1、全局安装vue-vli
npm install --g vue-cli

2、进入项目目录，创建一个基于webpack模板的新项目: vue init webpack 项目名

3、切换到项目，进入项目 cd 项目名，然后在安装依赖 cnpm install

安装成功后，项目文件夹中回多出一个目录 node_modules

4、启动项目npm run dev
项目启动成功：

vue项目目录详解

build：构建脚本目录
1）build.js ==> 生产环境构建脚本；

2）check-versions.js ==> 检查npm，node.js版本；

3）utils.js ==> 构