使用vue-cli + webpack搭建vue项目环境

打开终端(点击开始,在搜索框中输入cmd)javascript

第一步:  找到须要安装项目所在的盘  (我问项目都在d盘下的vuework下)vue

第二步:安装淘宝镜像(淘宝镜像安装包会比官网快, 并且有时候用npm安装会报错,用cnpm就能够)java

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

第三步:全局安装webpackwebpack

cnpm install webpack -g

第四步:安装全局的vue-cli脚手架web

cnpm install vue-cli -g

第五步:找一个文件夹用来存放项目,在终端进入该目录(我是在vuework下)vue-cli

cd vuework

第六步:建立项目(vue-yue),注意项目名称中不能有大写npm

vue init webpack-simple vue-yue

第七步:进入项目目录blog

cd vue-yue

第八步:安装项目依赖ip

npm install

第九步:运行项目开发

npm run dev

到这一步,项目就已经运行起来了,你会看到以下页面

在以后的开发过程当中,须要什么能够继续在终端上安装。

相关文章
相关标签/搜索