Vue 开发环境搭建

2018-10-24  本文已影响183人  缪婷ing

第一步:下载Node.js安装包 http://nodejs.cn/download/

按提示安装node.js

安装完成之后

打开命令行(cmd),输入:node -v

显示版本号

查看node.js版本,正确显示版本表示安装成功

第二步:安装淘宝镜像

在命令行输入:npm install -g cnpm --registry=https://registry.npm.taobao.org

第三步,安装webpack

cnpm install webpack -g

第四步,安装vue脚手架

npm install vue-cli -g

第五步,建立项目

vue init webpack vue_test(项目文件夹名)


第六步,安装依赖

cd vue_test(项目名),回车,进入到具体项目文件夹

npm install,回车

第七步,运行

npm run dev

启动成功

在浏览器打开:http://localhost:8081

最终效果
上一篇 下一篇

猜你喜欢

热点阅读