2018-10-12 vue 脚手架的下载(vue-cli)搭建项目结构

1.安装webpack

首先安装淘宝镜像
然后安装webpack

2.vue.js有著名的全家桶系列,包含了vue-router,vuex, vue-resource,再加上构建工具vue-cli,就是一个完整的vue项目的核心构成。

口令 1. cnpm install webpack -g

  1. cnpm install vue-cli -g
  2. vue init 模板名称 项目名称
    例如: vue init webpack webpack-demo
    cd webpack-demo 进入文件夹
    npm run dev 开启一个服务器

4.cnpm install 安装node_modules文件夹
若文件中没有包含node-modules文件需要重新安装,该文件可自行添加删除

5、Install vue-router? 选择Y
6、User ESLint to lint your code? 代码规范性是否应用 选n
7、Setup unit tests with Karma + Mocha? 问的是否要测试 选n
8、Setup e2e tests with Nightwatch? 选n

9.
main.js的介绍
el是挂载点,router是路由
App.vue 是整个文件的入口,有三部分,template模板 script 逻辑 style样式
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容