Vue起步:安装@vue-cli,并创建项目
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:
- 通过 @vue/cli 实现的交互式的项目脚手架。
- 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。
- 一个运行时依赖 (@vue/cli-service),该依赖:
可升级;
基于 webpack 构建,并带有合理的默认配置;
可以通过项目内的配置文件进行配置;
可以通过插件进行扩展。
- 一个丰富的官方插件集合,集成了前端生态中最好的工具。
- 一套完全图形化的创建和管理 Vue.js 项目的用户界面。
Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject。
VSCODE安装插件
推荐安装的插件有
- Vetur:语法高亮, 代码片段, 质量提示&错误、格式化/风格、智能提示等。
- eslint:插件能够检测代码语法问题,与格式问题,对项目代码风格统一至关重要。
- Path Intellisense:在编辑器中输入路径时,自动补全。
- Vue VSCode Snippets:快速生成代码
安装
- 为了加快后续的安装速度,建议先安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 可以使用下列命令安装vue/cli:
cnpm install -g @vue/cli
- 可以用这个命令来检查其版本是否正确:
vue --version
创建新项目
- 运行以下命令来创建一个新项目,并根据自己的需求选择相应的模块:
vue create newproject
- 到所在目录开始新项目
首先cd my project
然后vue ui