如何搭建一个完整的前端Vue框架（Vue+Vuex+webpack）

1 安装

老版vue-cli（不建议使用，可以跳到新版安装部分）

安装vue-cli

npm install -g vue-cli

初始化一个Vue.js项目

vue init webpack vue-demo

vue-demo是项目(及项目文件夹)的名字，可以不写，之后vue-cli会询问。

之后需要设置一系列安装选项

? Project name vue-demo // 项目名称
? Project description A Vue.js project // 项目描述
? Author Ammo // 作者
? Vue build standalone
? Install vue-router? Yes // 使用路由
? Use ESLint to lint your code? No // 使用代码规范检查
? Set up unit tests No // 添加单元测试
? Setup e2e tests with Nightwatch? No // 添加端到端的黑盒测试
? Should we run `npm install` for you after the project has been created? (recommended) npm // 使用何种模块管理工具

大家可以自行配置。

新版@vue/cli

前面安装vue-cli的时候会出现这样一句话：

npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli

 意思就是不建议使用vue-cli&