VUE环境搭建


 1、安装node

node的安装不太赘述。本文使用的node版本是8.9.0 LTS,比较低的node版本可能会致使安装不顺利。javascript

2、安装cnpm 


因为有些npm有些资源被屏蔽或者是国外资源的缘由,常常会致使用npm安装依赖包的时候失败,全部我还须要npm的国内镜像—cnpm。
在命令行中输入vue

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

或者是使用设置npm为国内镜像java

npm config set registry http://registry.npm.taobao.org

验证镜像是否设置成功node

npm config get registry


3、安装webpackwebpack

cnpm install webpack -g 


4、安装vue-cli脚手架构建工具 

cnpm install -g vue-cli


5、建立项目

 

指定一个目录。运行以下命令:web

vue init webpack my_project


经过以上命令,咱们建立了一个本身的vue项目my_project。vue-router

cd my_project


安装项目依赖vue-cli

npm install


安装 vue 路由模块vue-router和网络请求模块vue-resourcenpm

cnpm install vue-router vue-resource –save


安装完成以后再运行命令:网络

npm run dev

运行成功自动打开页面运行locahost:8080 

相关文章
相关标签/搜索