vue中的vue-cli

时间:2022-03-07 22:50:26
vue中的vue-cli

在前面的学习过程中我相信你们已经对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修改代码就可以了。