vue项目环境搭建

简介

Vue 提供了一个 官方的CLI，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。

安装cli

可以使用下列任一命令安装这个新的包：

npm install -g @vue/cli
# OR
yarn global add @vue/cli

构建项目

使用命令行工具:

vue create hello-world

或者图形化界面：

vue ui

运行项目

通过 npm 或 Yarn 运行项目

npm run serve
# OR
yarn serve

构建项目

构建成功后会在项目根目录生成dist文件夹

npm run build
# OR
yarn build

注:需要注意dist/index.html导入资源文件的路径
可以使用serve -s dist进行查看