使用vue-cli脚手架以及创建vue项目

1.如果没有按照webpack、脚手架则先安装

npm install  webpack -g

npm i  vue-cli -g  全局安装vue-cli脚手脚 ---- 基于webpack

2.创建项目

vue init webpack xxx -------(xxx为项目名) --回车

则有以下选项

//    “Project name”：这个是项目名称，默认是创建输入时的那个名称，想改的话直接输入修改，也可以直接回车
//    Project description  项目描述
//    Author  作者
//    Vue build  运行环境  回车
//    Install vue-router?  vue路由     选择Y
//    Use ESLint to lint your code? 规范代码格式  一般选择n（如果你想严格要求代码格式可以选择Y，这种模式下代码格式不正确就会报错）
//    Set up unit tests 测试模块         一般选n
//    Setup e2e tests with Nightwatch? 一般选n
//    Should we run `npm install` for you after the project has been created? (recommended) 是否安装依赖
//     一般选择第三项  自己安装 self 

Project initialization finished!

出现这句话的时候表示项目创建初始化完成

cd xxx 进入文件夹(xxx为项目名)

npm install 安装依赖

npm start/npm  run dev启动项目

这时候项目就创建完成了

可以看一下项目目录