码迷,mamicode.com
首页 > 其他好文 > 详细

vue中的vue-cli

时间:2017-07-18 00:05:17      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:项目   npm   安装   dev   nod   创建   str   code   kde   

在前面的学习过程中我相信你们已经对vue有了一定的了解,现在我们来看一下vue中的vue-cli。

学习这个我们首先需要的是node环境的,如果你的网络环境慢的话建议安装淘宝镜像,在cmd中输入

npm install -g cnpm –registry=https://registry.npm.taobao.org 

这个命令行,安装,安装之后检查cnpm的版本

cnpm -v

之后创建项目文件进入项目文件中,在comd中下载vue-cli

cnpm install vue-cli -g --save-dev

之后检查vue的版本

vue --version

在vue中有很多的版本模板,现在我们来学习一下大型项目的模板 webpack

进入文件后我们在命令行中敲入这行命令符

vue init webpack#1.0 webpackdemo

这行命令符是在建立我们的项目模板

之后进入webpackdemo项目,下载需要的插件

cnpm install

之后再执行

cnpm run dev

这个命令符就可以了

我们在src中的App.vue修改代码就可以了。

vue中的vue-cli

标签:项目   npm   安装   dev   nod   创建   str   code   kde   

原文地址:http://www.cnblogs.com/DongZixin/p/7195840.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!