vue-cli构建webpack

vue-cli构建webpack

一、npm安装 nvm安装node，已安装滤过

二、搭建webpack项目
1.全局安装vue-cli

npm install --global vue-cli

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

vue init webpack develop-fe

**注意：**乱码错误可以忽略。不影响后面搭建

3.配置
1）Project name 项目名称，不配置直接回车

2）Project description 项目描述，不填写直接回车

3）Author 作者，不填写直接回车

4）vue build 构建方式

Runtime + Compiler:recommended for most users
(运行+编译：被推荐给大多数用户)
Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY
(只运行大约6KB比较轻量的压缩文件，但只允许模板（或任何VUE特定HTML）。VUE文件需要在其他地方呈现函数。翻译不精准，意思大概是选择该构建方式对文件大小有要求)

这里推荐使用第一个选项，适合大多数用户的

5）install vue-router？是否安装vue的路由插件

6）Use ESLint to lint your code? 是否使用ESLint检测你的代码？

7）Pick an ESLint preset:选择分支风格

8）Setup unit tests? 是否安装单元测试

我这里不需要，如果需要输入y 会弹出Pick a test runner 选择一个单元测试运行器
1.Jest（Jest是由Facebook发布的开源的、基于Jasmine的JavaScript单元测试框架）
2.Karma and Mocha
3.none

9）Setup e2e tests with Nightwatch(Y/n) 是否安装E2E测试框架NightWatch

10）Should we run ‘npm install’ for you after the project has been created? 包管理工具

11） 等待安装完成即可

三、启动项目
1.目录切换

cd develop-fe

2.安装依赖

npm install

3.启动项目

npm run dev