vue-cli2 vue-cli3 的搭建项目步骤

本文主要是介绍vue-cli2 vue-cli3 的搭建项目步骤，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

用了很长时间vue-cli3，搭建项目很方便，只需两行命令

npm install -g @vue/cli  
vue create helloworld

可是由于 Chrome 即将不支持 flash ，所以项目中的流视频要使用的一个 liveplayer 插件，但是 vue-cli3 研究了3个小时，也没把 liveplayer 需要引入的 webpack 配置项配置成功，只能继续使用 vue-cli2 搭建项目开发。事实证明，封装太过了反而不灵活。以下是 vue-cli2 的搭建项目步骤：

1. 全局安装vue-cli

   cnpm install -g vue-cli (这种安装vue-cli写法默认安装的是vue-cli2.x)

   检测版本 vue -V

2. 全局安装webpack

   cnpm install -g webpack

3. 全局安装webpack的本地webserver

   cnpm install -g webpack-dev-server

4. 安装全局vue-cli-init

   npm install -g @vue/cli-init

5. 构建项目

   vue init webpack demo

这篇关于vue-cli2 vue-cli3 的搭建项目步骤的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---