使用vue-cli搭建本地Vue项目

找到需要创建项目的目录，点击地址栏，输入cmd打开命令窗口

vue init webpack 项目名

? Project name   #项目名
? Project description  #项目描述

? Author  #作者
? Vue build standalone  #项目构建模式
? Install vue-router?  #是否安装路由
? Use ESLint to lint your code? #是否选择ESLint开发验证功能
? Pick an ESLint preset Standard  #选择开启单元测试
? Set up unit tests Yes #是否开启单元测试
? Pick a test runner jest  #选择开启单元测试
? Setup e2e tests with Nightwatch? #是否开启e2e测试
? Should we run `npm install` for you after the project has been created? #是否执行npm install 命令

感觉自身选择

 vue项目下载成功，导入HBuilder

vue项目结构

在选择了默认执行 npm install 的情况下可以直接启动

否则先执行

npm install

 再执行

npm run dev

进入http://localhost:8081

 vue项目启动成功

这篇好文章是转载于：学新通技术网