vue脚手架的安装

寵の児 提交于 2020-01-06 15:33:15

安装

  1. 安装nodejs(自带npm)
  2. 安装cnpm

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

  1. 全局安装webpack

npm install webpack –g

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

npm install vue-cli –g

使用vue-cli构建项目

1. 准备一个文件夹作为你的工作空间(以后的每个项目都在文件夹下)
如:e:\workspace
2. 安装vue脚手架
在工作空间的目录下运行 vue init webpack 项目名称

3.安装项目依赖 npm install
4.安装 vue 路由模块 vue-router 和网络请求模块 vue-resource

  npm install vue-router vue-resource --save

启动项目测试安装是否成功

  1. 启动项目测试安装是否成功 npm run dev
    看到如下画面,说明成功启动,默认端口号是8080
    在这里插入图片描述
  2. 运行
    在地址栏中输入http://localhost:706/
    看到下图,说明成功了
    在这里插入图片描述
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!