如何搭建安装vue环境?
请看教程:
Vue2.0史上最全入坑教程(上)—— 搭建Vue脚手架(vue-cli)
vue-cli 安装教程
Vue入坑教程(一)——搭建vue-cli脚手架
vue npm 搭建项目 流程及备忘及不踩坑
如果webpack安装不成功怎么办?请看:
NPM命令详解
vue项目流程
vue新建项目时候的选项
$ vue init webpack project--------------------- 安装vue脚手架的命令,采用webpack打包工具,项目名是project
This will install Vue 2.x version of the template. ---------------------这里说明将要创建一个vue 2.x版本的项目
For Vue 1.x use: vue init webpack#1.0 project
? Project name (project) ---------------------项目名称
? Project name project
? Project description (A Vue.js project) ---------------------项目描述
? Project description A Vue.js project
? Author wujy--------------------- 项目创建者
? Author wujy
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n) --------------------- 是否安装Vue路由,推荐安装,是页面跳转用的
? 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) n ----------------是否安装单元测试,因人而异,可以自行选择
? Setup unit tests with Karma + Mocha? No
? Setup e2e tests with Nightwatch? (Y/n) n --------------------是否安装e2e测试,可自行选择
? Setup e2e tests with Nightwatch? No
vue-cli · Generated "project".
To get started: --------------------- 这里说明如何启动这个服务
cd project --------------------进入项目文件夹
npm install ---------------------安装依赖,推荐使用淘宝镜像cnpm
npm run dev -----------------------项目运行复制代码