必须安装node 和npm

  1. 使用前提必须按照node 和 npm
  2. 官网安装
  3. 配置
  4. node -v 查看版本号
  5. npm -v 查看版本号
  6. npm config set registry http://registry.npm.taobao.org 配置阿里镜像
  7. npm config get registry 查看
  8. 脚手架依赖webpack
  9. npm install webpack -g 全局安e装
  10. 安装脚手架
  11. npm install -g @vue/cli@3.12.1 这是脚手架3 也可以通过3创建脚手架2 vue --version 查看版本号
  12. npm install -g @vue/cli(低版本的npm可以不指定版本 node:10.xx.xx npm:6.xx.xx )
  13. 如果想按照cli2的方式初始化项目不可以必须将cli2的模板拉取下来
  14. 安装cli2的模板
  15. npm install -g @vue/cli-init

cli2初始化项目

  1. //创建项目
  2. vue init webpack 项目名
  3. project name 名字 //项目名字 ---直接回车 可以将文件夹名字当做项目名字
  4. project description 信息 // 项目的描述信息
  5. Author 作者 //设置作者 如果git设置了信息 直接回车默认git信息
  6. vue-build //构建项目 选择第二个
  7. Runtime + Compiler
  8. Runtime-only //选这个
  9. Install vue-router y //是否安装路由
  10. Use ESlint to lint your code n // 是否对es代码限制--代码不规范直接报错
  11. Set up unit tests n //是否使用单元测试
  12. Set e2e tests with Nightwatch n //是否安装NightWatch 进行自动测试
  13. Yes use Npm //选择这个 以后用什么管理项目

cli3初始化项目

  1. //创建项目
  2. vue create 项目名
  3. 选择 Manually select features
  4. 会让选择 包含的依赖 初学选择Choose Vue Version
  5. In dedicated config files
  6. Save this as a preset for future projects? 询问是否保存 n