从零搭建Vue项目

一、安装node环境

1. 点击链接，在官网下载。https://nodejs.org/zh-cn/download/

2. 在cmd中检测版本：输入命令node -v

3. 在安装node的同时会安装一个npm

• npm：Node Package Manager，即node包管理器。解决NodeJS代码部署上的很多问题。

在cmd中检测版本：输入命令npm -v

二、用vue-cil 搭建项目

1. 安装vue-cil : npm install -g vue-cli
   vue-cil ：Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。
2. 使用命令开始初始化创建自己的项目了.

 vue init webpack test

 ? Project name (exprice) ---------------------项目名称

 ? Project description (A Vue.js project)-----------项目描述

 ? Author Datura --------------------- 项目创建者

 ? Install vue-router? Yes

 ? Use ESLint to lint your code? (Y/n) no ---------------------是否启用eslint检测规则，这里个人建议选no

 ? Setup unit tests with Karma + Mocha? (Y/n) no

 ? Setup e2e tests with Nightwatch? (Y/n) no

3. 按照上述步骤，桌面会有一个test文件夹，里面有以下内容：

   
   
   
4. 进入项目文件，运行项目：npm run dev
   
   
   
   在浏览器中打开 http://localhost:8080 就能看到了。