vue-cli3.0 脚手架搭建项目详解

如果是刚入门同学先安装node.js

怎么安装node这里不做介绍了，网上教程很简单，下载node.js直接安装就可以

检查node

1、node -v

2、node检查无误，马上就可以开始构建项目了

    a、安装vue-cli 3.0    // -g 是安装到全局目录，安装一次以后再构建项目就不用再装了

    npm install -g @vue/cli

    b、安装完成后检查

         vue -V

         

   c、创建项目(如果控制台节点是c盘，你不想项目创建在c盘，当然不建议项目创建在c盘，你可以切换到自己其他盘的文件下新建项目。如：  f:  回车   cd vue-cli3.0     这是我自己的项目目录  ，就是把项目建在f盘的vue-cli3.0文件夹)

    vue create new-project

    

 

  default 是默认模板

   Manually select features 是 自定义配置

   如果有保存的模板的话应该还有一个 my-default

   自己选择所需

  d、 我这里选择  Manually select features（空格是取消，a是全选，i是反选）

   

e、语法检测工具，这里我选择ESLint + Standard config

f、选择语法检查方式，这里我选择保存就检测

f、把babel,postcss,eslint这些配置文件放哪，这里随便选，我选择放在package.json

g、y确认新建工程，等待安装

h、新建完成，cd new-project     npm run seave

vue-cli3.0 脚手架创建项目完成