vue_webpack初始化项目

1、vue+webpack 初始化项目:
全局安装vue-cli: cnpm install -g vue-cli
创建一个基于webpack模板的新项目: vue init webpack new-project
2、填写以下内容:
Project name:项目名称,如果不需要就直接回车。注:此处项目名不能使用大写。
Project description:项目描述,直接回车。
Author :作者。
vue build:构建方式,有2个选项,推荐使用选项1

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

install vue-router?是否安装vue的路由插件,需要就选y,否则就n。
Use ESLint to lint your code?是否使用ESLint检测你的代码?
(ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码。)
Pick an ESLint preset:选择分支风格,有3个选项。

选项 说明
standard js的标准风格
Airbnb JavaScript最合理的方法,这个github地址说是JavaScript最合理的方法
none (configure it yourself) 自己配置

Setup unit tests? 是否安装单元测试。
Pick a test runner:选择一个单元测试运行器,有3个选项。

选项 说明
Jest Jest是由Facebook发布的开源的、基于Jasmine的JavaScript单元测试框架
Karma and Mocha
none

Setup e2e tests with Nightwatch(Y/n)?是否安装E2E测试框架NightWatch。
(E2E,也就是End To End,就是所谓的“用户真实场景”。)
Should we run ‘npm install’ for you after the project has been created?项目创建后是否要为你运行“npm install”?这里选择包管理工具,有3个选项。

选项 说明
yes,use npm 使用npm
yes,use yarn 使用yarn
no,I will handle that myself 自己操作

添加完内容以后,等待安装完毕。
3、提示接下来的命令:
cd new-project
cnpm install
4、启动:cnpm run dev
5、在浏览器地址栏中输入http://localhost:8080/
vue_webpack初始化项目
6、这个只能在本地跑,如果要在服务器*问,需要执行: cnpm run build。
代码总结如下:
cnpm install vue
cnpm install -g vue-cli
vue init webpack new-project
cd new-project
cnpm install
cnpm run dev
(摘自:https://www.cnblogs.com/sllzhj/p/9758932.html)