vue项目搭建
vue项目快速搭建工具——vue-cli
vue-cli是基于node环境的一个命令行工具。也就是说要执行命令
安装
npm install vue-cli -g
安装-
使用
- 创建项目文件夹 如:d:/mypro
- 进入文件夹,执行命令:
vue init webpack [项目名称]
初始化一个vue+webpack项目
? Project name learn
? Project description A Vue.js project
? Author leiyang <leiyang_39@163.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes
- 运行
-
cd learn
在文件夹中,执行npm install
更新项目的依赖模块【node_modules】项目搭建完成! - 命令行进入文件夹,执行令 >
npm run dev
以开发模式启动项目服务器
就可以打开浏览器通过http://localhost:8080
访问项目
-