使用vue-cli初始化 vue项目，并且运行项目

1、创建一个文件夹专门存放vue项目

2、打开vscode 通过vscode打开文件夹

 

3、点击顶部菜单栏查看-》终端 打开vscode的命令行窗口

 

4、运行命令 vue init webpack 项目名称

 runtime+这个提示内容是推荐使用一个运行时编辑器 直接回车继续往下

 

以上是提示 是否安装Vue.js路由，输入y表示是，n表示否，一般项目中都会使用，所以输入y之后回车

以上提示是否使用ESLint管理代码，EsLint是代码风格管理工具，可用来统一代码风格，一般项目中都会使用，输入y之后回车出现以下提示

 继续按回车

以上提示 是否设置单元测试，输入y回车

 

出现以上提示继续回车

 

e2e是一个非常先进的自动化测试模块，输入y回车

 

出现以上提示后默认 npm就可以,直接回车，然后进入自动初始化进程

 出现以下提示说明初始化成功

接下来就可以运行该项目了

1、执行cd proj01 进入项目目录 

2、执行npm run dev 启动项目

 3、浏览器输入 http://localhost:8080

成功访问该页面说明项目启动成功

ps  如果执行npm run dev 的时候出现以下异常信息

'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 

 解决步骤：

1.删除项目下“node_modules”文件夹然后执行命令： npm install;

2. npm run build;

3. npm run dev；