Vue开发项目全流程

只记录vue项目开发流程，不说明怎样安装node和vue-cli等

 

确认安装

安装好node之后，可查看是否安装成功，有版本则安装成功。输入node -v

 

 查看vue是否安装成功，有版本则安装成功。输入vue -V(注意V大写)

 

 开始新建项目

• vue init webpack vueproject插入一个工程

  • "init" 这个命令用于创建一个 package.json
  • 选择上面列表中的 webpack 方式
  • "vueproject" 只是起的一个名字

• ? Project name (vueproject) 是否确认使用该名字? （确定按enter，否按N）按回车键

• ? Project descripton (A Vue.js project) 随意输入一段简短介绍,用英文,输入你的描述（可不输）,按回车键

• Author 将作者添加到package.json里面（确定按enter，否按N）输入名字, 按回车键

• > Runtime + Compiler: recommended for most users Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere

  • Vue公司的建立（使用箭头键）>运行时+编译器：大多数用户推荐运行时间：约6kb轻民+ gzip，但模板（或任何Vue具体HTML）只允许在。VUE文件渲染功能是必需的其他地方。（按enter）

• Install vue-router? (Y/n) 安装的路由？（可安可不安，以后也可以再安，根据需求选择）（选y）

• Use ESLint to lint your code? (Y/n)使用ESlint语法？（Y/ N）（使用ESLint语法可以规范es6格式,但要做好心理准备，除非你非常懂ESLint语法，要不就会处处报错,建议N）

• Setup unit tests (Y/n))设置单元测试？（Y / N）（选N）

• Setup e2e tests with Nightwatch? (Y/n)Nightwatch建立端到端的测试？（Y / N）（选N）

• Should we run......选中默认: Yes, use NPM,回车键

 

 等生成好项目之后就可以打开项目开发了。可以cd到指定目录运行。或者vscode打开项目开始开发