Vue项目初期搭建

Vue项目初期搭建

1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)（这里不需要做过多的解释，一直next就ok，傻瓜式的安装）
2安装好后在控制台输入这两个命令，打印出版本号，就说明安装成功了。（建议不要安装在C盘，具体原因不详，博主曾安在C盘一直报错，找不出原因，后换至F盘，一次就好）
3.创建Vue项目（先安装Vue脚手架）
①全局安装
npm install --global vue-cli

：如出现 warn 可以不用管它，（可能是因为node现在的版本废弃了一些用法），没出现 error 就可以一直向下执行。

4.创建一个基于Webpack模板的Vue新项目

demo 为项目的名字

（这是一张网上找的图，流程是一样的）

• Project name (demo)-----项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters），阮一峰老师博客为什么文件名要小写 ，可以参考一下。
• Project description (A Vue.js project)： ----项目描述，也可直接点击回车，使用默认名字
• Author ----作者，输入你的小名
• Install vue-router? (Y/n) 是否安装vue-router，这是官方的路由，大多数情况下都使用，这里就输入“y”后回车即可。
• Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，一般项目中都会使用。
  （后面的要么选第一个，要么选No）

项目结构

5. 创建完了之后会提示两个命令，照做就是了

进入到项目目录

启动项目
6. 功成

在浏览器输入localhost：8080，会出现一个Vue页面

希望留言

                                               H~2~O is是液体。