创建Vue项目

Vue-cli是VueJS的项目脚手架，使用Vue-cli可以快速创建Vue项目

一、Windows+R输入cmd打开命令行工具

二、安装node官方下载地址http://nodejs.cn/download/

三、命令行输入node -v 和npm -v查看是否出现版本号出现即为安装成功

四、全局安装Vue-cli使用命令npm install -g vue-cli下载完成后使用

vue -V(大写)查看版本同上

五、创建项目 首先使用cd 进入到项目文件夹使用

vue init webpack  vueaa（自己定义）

六、cd vueaa 进入到项目文件下载依赖

npm install

七、启动项目

npm run dev

 

详细：

1.Windows+r快捷键是打开命令输入cmd是打开命令行工具

2.node -v 和npm-v是命令行命令查看版本号

3.npm install -g vue-cli是全局安装脚手架只需安装一次

下次使用直接创建项目不用重复全局安装

4.vue -V是查看是否安装成功同上注意此处V大写

5.vue init webpack  项目名字（eg：vue-project）

此命令是创建项目项目名字自己定义

? Project name  输入项目名称

? Project description 输入项目描述

? Author 作者

? Vue build 打包方式，回车就好了

? Install vue-router?  选择  Y 使用 vue-router，输入 N 不使用

? Use ESLint to lint your code? 代码规范，推荐 N

? Setup unit tests with Karma + Mocha? 单元测试，推荐 N

? Setup e2e tests with Nightwatch? E2E测试，N

6.cd 项目名  进入目录下载依赖文件

7. npm install是下载依赖文件

8.npm run dev 启动项目

9.出现一个http://localhost:8080有时候不会自动打开网页

需要自己去网址输入http://localhost:8080

出现err是报错

前八步出现err

需要使用相同命令再重新下载有时候网速过慢也会报错

如果是第九步报错可能是端口被占用改下项目文件下的

config下的index.js里面的port：8080