使用vue-cli快速创建vue+webpack项目
2018-10-25 10:08
931 查看
1、安装vue脚手架
npm install -g vue-cli
2、创建一个vue+webpack项目
vue init webpack projectname
运行这段命令后,会让你输入项目名、作者及其他相关配置信息,可根据实际需要进行选择。也可回车默认。
执行完成后,在你执行当前命令的路径中会生成一个以你项目名命名的项目文件夹。
3、安装依赖
cd projectname
projectname是你的项目名,这里就是 进入到你项目文件夹中
npm install
这里的 npm install 是把package.json需要的依赖 安装到 node_modules里
4、运行项目
npm run dev
在浏览器中输入如上url链接,便可看到成功页面
阅读更多
相关文章推荐
- 用npm安装vue和vue-cli,并使用webpack创建项目的方法
- 用npm安装vue和vue-cli,并使用webpack创建项目
- vue-cli+webpack在生成的项目中使用bootstrap方法(一)
- vue-cli+webpack在生成的项目中使用bootstrap方法(二)
- vue学习笔记(一)使用npm,webpack,vue-cli搭建vue项目
- vue-cli+webpack记事本项目创建
- 【23】使用vue-cli脚手架搭建webpack项目基本结构
- vue-cli 新创建的项目启动报错 Module build failed: Error: "extract-text-webpack-plugin"
- vue-cli+webpack在生成的项目中使用bootstrap实例代码
- vue-cli创建的项目不需要再创建webpack-config.js文件,因为已经配置过了
- 使用webpack构建vue-cli项目,写scss脚本语言报错
- 使用 vue-cli 可以快速创建 vue 项目
- vuex在vue-cli和webpack构建的项目中的简单使用
- webpack搭建的vue-cli项目如何使用sass?
- vue学习笔记-使用vue-cli脚手架快速创建vue项目工程
- vue-cli的使用,创建项目,教程,上手,vue脚手架的使用
- vue-cli的webpack模板项目配置文件分析
- 详解用vue-cli来搭建vue项目和webpack
- vue项目优化之按需加载组件-使用webpack require.ensure
- vue-cli的webpack模板项目配置文件分析