博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue项目环境搭建(node+webpack)
阅读量:5766 次
发布时间:2019-06-18

本文共 749 字,大约阅读时间需要 2 分钟。

 

  1. 安装node.js
    • 下载地址:https://nodejs.org/en/download/
    • node -v   //查看node.js版本
  2. 项目环境配置:
    • 安装vue-cli:npm install -g vue-cli  //vue-cli:脚手架
    • 安装webpack:npm install webpack -g  //webpack:包管理工具
    • 创建项目:vue init webpack my-vue  //my-vue:项目名称  需要先跳转到要安装的路径
    • 安装完成之后,给自己的项目起一个名称,然后按需安装以下内容,这里是只安装了vue-router,其他都是no
  3. 启动项目:
    • 跳转到项目安装路径:cd my-vue //项目名称,这里项目名称是test
    • 安装依赖:npm install  //安装项目启动的依赖
    • 启动项目:npm run dev  //启动项目
    • 出现以下说明启动成功:
    • 将 地址在浏览器中打开,出现以下页面,则配置成功:
  4. 项目目录结构:
    • build中配置了webpack的基本配置,开发环境配置、生产环境配置
    • config中配置了路径端口值等
    • node_modules是依赖的模块
    • src放置组件和入口文件
    • static放置静态资源文件
    • index.html是文件入口
    • src的assets文件夹一般放入资源文件
    • src的components一般放入组件文件
  5. 需要注意的是:命令行在项目运行中不能关闭
    • 命令行相当于是开启了本地的服务环境
    • 如果关闭,需在命令行里 跳转到项目所在的目录 cd test  //test:项目名称
    • 然后再启动项目:npm run dev即可

转载于:https://www.cnblogs.com/qhxblog/p/8664244.html

你可能感兴趣的文章
大型互联网b2b b2c o2o电子商务云平台
查看>>
React + Antd + Redux改进之前简单的todolist
查看>>
koa2学习笔记(三)async/await
查看>>
杉车大数据:30万的入门级跑车,我选日系
查看>>
成功微服务实施的组织演进
查看>>
Java设计模式——命令模式
查看>>
jq实现Tab组件
查看>>
Java8的Lambda表达式
查看>>
Python 描述符(Descriptor) 附实例
查看>>
用 Vue 开发一个音乐 app
查看>>
FTP文件服务器搭建和使用(windows)
查看>>
感谢你们的反馈,让我们携手为全球亿万用户打造出色的 Android 平台!
查看>>
复写alert()弹框
查看>>
C#读取文本文件到listbox组件的代码
查看>>
菜鸟Vue学习笔记(三)
查看>>
以太坊开发者资源工具集合
查看>>
5月份 Github 上最热的十个 Python 项目,从Debug工具到AI水军、量化交易系统。
查看>>
#!/usr/bin/env node 到底是什么?
查看>>
Kotlin 系列(二) 基本语法(2)
查看>>
性能测试:分布式测试
查看>>