使用命令行工具npm新创建一个vue项目

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。

只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

# 全局安装 vue-cli

$ npm install --global vue-cli

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

$ vue init webpack test //输入命令

? Project name (test) test

? Project name test

? Project description (A Vue.js project) 测试项目

? Project description 测试项目

? Author lxx1024

? Author lxx1024

? Vue build standalone

? Install vue-router? (Y/n) Y //安装路由

? Install vue-router? Yes

? Use ESLint to lint your code? (Y/n) n //Eslint验证,很严谨,所以选择n

? Use ESLint to lint your code? No

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

? Setup unit tests with Karma + Mocha? Yes

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

? Setup e2e tests with Nightwatch? Yes

vue-cli · Generated "test".

To get started:

cd test

npm install

npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

# 安装依赖，

$cd my-project    //进入到项目的根目录--直接进入到该文件夹即可

$ npm install        //安装依赖包

$ npm run dev     //运行项目