十分钟搞定Vue搭建
2017-11-26 21:43
274 查看
既然你来到了这里,肯定你知道vue是什么,具体我也就不说了。
废话不多说。
Vue推荐开发环境
Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016
现在开始安装环境
安装nodejs
可以在终端里下载,但是不推荐,npm的版本会报错
去nodejs官网下载即可,地址:http://nodejs.cn/中文网
安装vue淘宝镜像
npm install -g vue –registry=https://registry.npm.taobao.org
安装webpack
npm install webpack -g
安装vue脚手架
npm install vue-cli -g
—————-如果第二次编写新的vue项目,就可以在这里开始了—————–
根据模板创建项目
vue init webpack 项目名字<项目名字不能用中文>
会有一些初始化的设置,如下输入:
Target directory exists. Continue? (Y/n) 直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
Project name (vue-test) 直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 直接回车默认
Use ESLint to lint your code? n
pick an eslint preset. 默认Standard
setup unit tests with karma + mocha?No(单元测试不需要)
setup e2e tests with Nightwatch?No(单元测试不需要)
进入项目
打开终端
cd 项目名字
安装项目依赖
npm install
安装 vue 路由模块vue-router和网络请求模块vue-resource –save-dev 是你开发时候依赖的东西,–save 是你发布之后还依赖的东西
npm install vue-router vue-resource –save
启动项目
npm run dev
发布项目
npm run build
目前基础搭建这里应该暂时可以了。
废话不多说。
Vue推荐开发环境
Node.js 6.2.0、npm 3.8.9、webpack 1.13、vue-cli 2.5.1、webstrom2016
现在开始安装环境
安装nodejs
可以在终端里下载,但是不推荐,npm的版本会报错
去nodejs官网下载即可,地址:http://nodejs.cn/中文网
安装vue淘宝镜像
npm install -g vue –registry=https://registry.npm.taobao.org
安装webpack
npm install webpack -g
安装vue脚手架
npm install vue-cli -g
—————-如果第二次编写新的vue项目,就可以在这里开始了—————–
根据模板创建项目
vue init webpack 项目名字<项目名字不能用中文>
会有一些初始化的设置,如下输入:
Target directory exists. Continue? (Y/n) 直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
Project name (vue-test) 直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 直接回车默认
Use ESLint to lint your code? n
pick an eslint preset. 默认Standard
setup unit tests with karma + mocha?No(单元测试不需要)
setup e2e tests with Nightwatch?No(单元测试不需要)
进入项目
打开终端
cd 项目名字
安装项目依赖
npm install
安装 vue 路由模块vue-router和网络请求模块vue-resource –save-dev 是你开发时候依赖的东西,–save 是你发布之后还依赖的东西
npm install vue-router vue-resource –save
启动项目
npm run dev
发布项目
npm run build
目前基础搭建这里应该暂时可以了。
相关文章推荐
- 十分钟搞定Vue搭建
- Linux下Vue开发环境搭建一篇全搞定
- Linux下Vue开发环境搭建一篇全搞定
- Vue.JS环境搭建
- 【vue2.0实战分享】搭建vue运行环境以及项目目录
- 十分钟搞定pandas
- vue搭建脚手架报错:rollbackFailedOptinal:verb npm-session解决
- vue环境搭建
- Vue2.0 新手完全填坑攻略—从环境搭建到发布
- 搭建Vue脚手架(vue-cli)
- 详解如何使用vue-cli脚手架搭建Vue.js项目
- Vue 之 开发环境的搭建
- centos\linux 下十分钟内 用vim 搭建c++ IDE,以centos 7.0为例
- 详解用vue-cli来搭建vue项目和webpack
- 创业公司十分钟简单搭建GIT私有库
- 使用vue官方提供的模板vue-cli搭建一个helloWorld案例分析
- 五步搞定Android开发环境部署——非常详细的Android开发环境搭建教程
- vue项目的搭建
- vue从入门到女装??:从零开始搭建后台管理系统(二)用vue-docute生成线上文档
- vue环境搭建