vue-cli

vue-cli脚手架的搭建和使用

首先，确定你的电脑上已经安装了nodejs，可以使用npm包管理器安装环境。
1） 打开cmd命令窗口，找到你要新建项目的文件夹下，可使用node -v检查node的版本，如果出现版本号则node已安装。

确定node是否安装
2） 使用以下命令全局安装vue-cli：npm install vue-cli -g，当然了，我们是在国内，npm安装的速度和下载的时候可能会出问题，所以我现在用npm install -g cnpm --registry=https://registry.npm.taobao.org然后运行
3） 创建项目：vue init webpack my-project （my-project是项目名称可自取）
创建项目
需要注意的是项目的名称不能大写，不然会报错。

• Project name :项目名称 ，如果不需要更改直接回车就可以了。注意：这里不能使用大写。
• Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。
• Author：作者，如果你有配置git，他会读取.ssh文件中的user。
• Install vue-router? 是否安装vue的路由插件，Y代表安装，N无需安装，下面的命令也是一样的。
• Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格
• setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha。
• Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试。
• Should we run npm install for you after the project has been created?(recommended)npm 选择使用npm安装

4） 执行 npm run dev 命令，启动项目

启动成功
项目文件结构

通过浏览器访问链接 http://localhost:8080 来访问项目，是默认的主页。

项目说明