vue项目搭建的详细步骤

本文章参考与https://www.jianshu.com/p/6ce352614928

1.安装node.js

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

下载完node,npm输入命令node --v 检查node版本

如图所示，出现版本号则安装成功，没有版本号则安装失败。

2.安装vue-cli脚手架

命令行输入npm install -g vue-cli

如图所示，安装完成，接下来我们来检查一下vue/cli的版本号

npm输入vue --version  出现2.9.6，说明已成功。

（淘宝镜像安装   npm输入npm install-g cnpm--registry=https://registry.npm.taobao.org）

 3.搭建项目 ， 基于wabpack搭建项目

npm输入vue init webpack my-project

回车后，等待下载完毕后，进行配置

Project name：项目名称

Project description：项目描述

Author：作者

Vue build：运行时与编译

Install vue-router?：是否安装路由？

Use ESLint to lint your code?：是否进行代码检测？

Setup unit tests with Karma + Mocha?：是否进行单元测试？

Setup e2e tests with Nightwatch?：是否进行端对端测试？

配置完成后，就可以在安装的目录下找到my-project文件夹了，这就是我们的项目！

本文章参考与https://www.jianshu.com/p/6ce352614928