vue.js开发环境搭建(vue-cli脚手架)
2017-03-20 13:28
851 查看
一个简易的vue.js开发环境搭建步骤:
1.首先安装node.js,版本在4.0以上。如果已经安装,则直接进入下一步。
2.npm install -g vue-cli //全局安装vue-cli脚手架(如果想加快安装速度,可以先安装一个淘宝镜像,用cnpm代替npm)
3.vue init webpack(这里有几种版本模式,可以去vue.js官方github中查看,选择自己需要的)project name(你的项目名称)。
? project name
? .........
? .........
等等,设置项目的名称,描述,作者。
? Use Eslint to lint your code?(Y/n) //此处选择Y(yes),用eslint检查代码
以下几个询问(?),若无特殊要求,则都选择n(no)。
4.cd project name //进入刚才所设置的项目
5.npm install //安装依赖
6.npm run dev //运行项目
到此,一个简易的vue.js开发环境就算搭建好了。
不正之处,望指出。
1.首先安装node.js,版本在4.0以上。如果已经安装,则直接进入下一步。
2.npm install -g vue-cli //全局安装vue-cli脚手架(如果想加快安装速度,可以先安装一个淘宝镜像,用cnpm代替npm)
3.vue init webpack(这里有几种版本模式,可以去vue.js官方github中查看,选择自己需要的)project name(你的项目名称)。
? project name
? .........
? .........
等等,设置项目的名称,描述,作者。
? Use Eslint to lint your code?(Y/n) //此处选择Y(yes),用eslint检查代码
以下几个询问(?),若无特殊要求,则都选择n(no)。
4.cd project name //进入刚才所设置的项目
5.npm install //安装依赖
6.npm run dev //运行项目
到此,一个简易的vue.js开发环境就算搭建好了。
不正之处,望指出。
相关文章推荐
- vue.js开发环境搭建以及脚手架工具安装
- vue-cli 脚手架开发环境搭建
- vue-cli脚手架开发环境搭建
- vue.js开发环境搭建以及脚手架工具安装
- Vue.js开发环境搭建-工具安装(vue-cli)
- vue.js学习02之vue-cli脚手架创建项目环境搭建
- VUE移动端脚手架开发环境搭建
- Vue.js 2.0 入门教程(一) 搭建开发环境
- 基于webpack和vue.js搭建开发环境
- vue.js windows 下开发环境搭建
- vue2.0新手填坑攻略之使用vue-cli搭建vue项目开发环境到项目发布
- Vue.js开发环境快速搭建教程
- 13、vue.js 之搭建开发环境
- 浅谈windows下搭建Vue.js开发环境
- windows下vue.js开发环境搭建教程
- 详解基于webpack和vue.js搭建开发环境
- vue-cli 手脚架搭建 vue 环境报错 chromedriver@2.24.1 install: `node install.js` Exit status 1
- 基于webpack和vue.js搭建开发环境
- Vue.js开发环境搭建-新建项目
- 基于webpack和vue.js搭建开发环境(修改文章列子几个小错误)