vue-cli脚手架安装教程2017
2017-07-23 11:33
603 查看
1.首先下载node.js,下载地址:http://nodejs.cn/download/
2.安装node.js,跟安装普通软件一样
3.打开命令行,输入node -v,显示版本号表名安装成功
4.全局安装vue,输入:npm install -g vue
5.全局安装webpack,输入:npm install -g webpack
6.全局安装vue-cli,输入:npm install -g vue-cli
7.进入自己想要建立项目的文件夹,输入:vue init webpack Vue,创建一个基于webpack模版的项目
8.进入创建的vue文件夹,安装依赖,输入:
cd Vue
npm install
9.开发环境下运行项目,输入:npm run dev,浏览器将自动打开
10.生成发布文件,输入:npm run build,会打包到dist文件夹里,将dist放到服务器就可以了;
如果放的不是根目录,则设置config/index.js中的assetsPublicPath:'/你的目录名称/'
2.安装node.js,跟安装普通软件一样
3.打开命令行,输入node -v,显示版本号表名安装成功
4.全局安装vue,输入:npm install -g vue
5.全局安装webpack,输入:npm install -g webpack
6.全局安装vue-cli,输入:npm install -g vue-cli
7.进入自己想要建立项目的文件夹,输入:vue init webpack Vue,创建一个基于webpack模版的项目
8.进入创建的vue文件夹,安装依赖,输入:
cd Vue
npm install
9.开发环境下运行项目,输入:npm run dev,浏览器将自动打开
10.生成发布文件,输入:npm run build,会打包到dist文件夹里,将dist放到服务器就可以了;
如果放的不是根目录,则设置config/index.js中的assetsPublicPath:'/你的目录名称/'
相关文章推荐
- vue-cli脚手架的安装教程图解
- 安装vue-cli脚手架提示Error: spawn npm ENOENT的解决方式
- 【Vue】window下 ,vue-cli 脚手架安装
- Vue新手教程(1)-使用vue-cli脚手架搭建vue环境
- 使用npm安装vue脚手架cli或者angular-cli时出错的解决方法
- 脚手架vue-cli系列一:安装与规范
- vue-cli脚手架安装
- 最详细的安装一个vue项目,利用了vue-cli脚手架
- Vue2.0史上最全入坑教程(上)—— 搭建Vue脚手架(vue-cli)
- 前端那些事之vue篇-----vue-cli脚手架安装
- vue3.0 CLI - 1 - npm 安装与初始化的入门教程
- Vue-cli 脚手架的安装
- Vue入坑教程(一)——搭建vue-cli脚手架
- vue-cli脚手架安装和使用
- Vue2.0史上最全入坑教程(上)—— 搭建Vue脚手架(vue-cli)
- vue脚手架vue-cli的学习使用教程
- 安装Vue.js脚手架 vue-cli
- thinkphp集成前端脚手架Vue-cli的教程图解
- vue.js的安装--vue-cli脚手架
- 安装基于Vue-cli脚手架的Vue项目