vue搭建笔记

152 阅读1分钟

 vue搭建笔记

如何搭建安装vue环境?

请看教程:

Vue2.0史上最全入坑教程(上)—— 搭建Vue脚手架(vue-cli)

www.jianshu.com/p/1626b8643…


vue-cli 安装教程

www.jianshu.com/p/a9e741fe5…


Vue入坑教程(一)——搭建vue-cli脚手架

www.jianshu.com/p/9514f0ba0…


vue npm 搭建项目 流程及备忘及不踩坑

juejin.im/post/5af586…




如果webpack安装不成功怎么办?请看:

www.2cto.com/kf/201805/7…

NPM命令详解

juejin.im/post/5af2f1…


vue项目流程

juejin.im/post/5af409…




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  -----------------------项目运行




vue项目里的文件夹各个目录都是干嘛的