vue使用vue-cli新建项目

  • 检测 node.js 和 npm 版本
$ node -v
v8.11.3
【vue使用vue-cli新建项目】$ npm -v
5.6.0
  • 安装vue-cli脚手架工具
$ npm install -g vue-cli
  • 新建vue-cli项目
$ vue init webpack my-project
vue init webpack my-project$ vue init webpack exprice --------------------- 这个是那个安装vue脚手架的命令 This will install Vue 2.x version of the template. ---------------------这里说明将要创建一个vue 2.x版本的项目 For Vue 1.x use: vue init webpack#1.0 exprice ? Project name (exprice) ---------------------项目名称 ? Project name exprice ? Project description (A Vue.js project) ---------------------项目描述 ? Project description A Vue.js project ? Author Datura --------------------- 项目创建者 ? Author Datura ? Vue build (Use arrow keys) ? Vue build standalone ? Install vue-router? (Y/n) --------------------- 是否安装Vue路由,也就是以后是spa(但页面应用需要的模块) ? Install vue-router? Yes ? Use ESLint to lint your code? (Y/n) n ---------------------是否启用eslint检测规则,这里个人建议选no ? Use ESLint to lint your code? No ? Setup unit tests with Karma + Mocha? (Y/n) ? Setup unit tests with Karma + Mocha? Yes ? Setup e2e tests with Nightwatch? (Y/n) ? Setup e2e tests with Nightwatch? Yes vue-cli · Generated "exprice". To get started: --------------------- 这里说明如何启动这个服务 cd exprice npm install npm run dev

实际操作图
vue使用vue-cli新建项目
文章图片
image 打开文件目录:cd exprice(这里是自己建工程的名字);
安装项目依赖:npm install
运行:npm run dev

    推荐阅读