简介
Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject。
安装开发环境
npm 是包管理工具,会随着 node.js 一起安装,安装完使用 -v (-version的缩写) 后缀检查一下版本。
查看镜像
npm config get registry //查看镜像 如果不是国内 设置淘宝镜像即可
修改镜像
因为 node.js 默认的源在国外服务器,为了保证网速,需要把它修改为国内淘宝源。
npm config set registry https://registry.npm.taobao.org
此方式为设置全局的 npm 配置项,即使关闭终端或重启电脑都不会失效。
其他命令
npm config list -l # 查看所有配置项
npm config get [<key>] # 查看某一项的配置信息
npm config set <key> <value> # 设置某一项的配置信息
项目环境
全局安装 vue-cli
npm install -g vue-cli // -g 全局
初始化项目
vue init webpack project // project 为自定义文件夹名称
进入项目
cd project
安装依赖
npm install
项目打包
npm run build
运行项目
npm run dev
默认端口
http://localhost:8080
启动项目成功页面
初始化项目后一些命令Y/N
Project name:项目名称 ,默认为初始化建项目的名称my-vue-demo,不需要直接回车
Project description:项目描述,默认为A Vue.js project,不需要直接回车
Author:作者,如果有配置git的作者,自动会读取。直接回车
Install vue-router? 是否安装vue的路由插件,需要安装,选择Y
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。不需要输入n,需要选择y,如果是大型团队开发,最好是进行配置
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具,不需要输入n,需要选择y
Setup e2e tests with Nightwatch? 是否安装e2e来进行用户行为模拟测试,不需要输入n,需要选择y