1、使用vue-cli@2.0构建webpack项目
第一步:使用 npm install vue-cli -g //全局安装 vue-cli 脚手架
第二步:安装vue-cli成功后,通过cd命令进入你想放置项目的文件夹,在命令提示窗口执行创建vue-cli工程项目的命令:vue init webpack + 项目名称。确认创建项目后,后续还需输入一下项目名称、项目描述、作者、打包方式、是否使用ESLint规范代码等 会生成如图所示的项目文件目录
![](https://i-blog.csdnimg.cn/blog_migrate/075dd4de2cc2d3a31e8ae770a96b5d81.png)
第三步:使用 npm install 下载依赖
第四步:最后使用npm run dev 启动项目
2、使用vue-cli@3.0构建webpack项目
第一步:如果你已经全局安装了旧版本的 vue-cli
(1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g
或 yarn global remove vue-cli
卸载它。
可以使用下列任一命令安装这个新的包:
npm install -g @vue/cli
# OR
yarn global add @vue/cli
第二步:安装vue-cli成功后,通过cd命令进入你想放置项目的文件夹,在命令提示窗口执行创建vue-cli工程项目的命令:vue create my-project(项目名称)。
第三步:装好后,启动cd my-project // 进入到项目根目录
第四步:使用npm run serve // 启动项目