vue的npm开发环境是什么

vue的npm开发环境是什么
node.js不是开发框架,不是一门开发语言,它是一套script运行环境 。vue.js是目前比较流行的前端开发框架 。我们通过vue.js开发项目通常使用npm做包管理器,npm运行依赖node.js;构建一个vue项目的时候,推荐使用npm,这时候我们需要安装node.js 。
1、什么是vue.js:vue是一套用于构建用户界面的渐进式框架 。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用 。
2、Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动 。
3、node.js和npm的关系:npm依赖node.js环境,我们使用npm的时候需要安装node.js;一般安装node.js的时候npm会默认安装,我们页可以通过NVM安装 。
vue根目录是什么vue根目录:
【vue的npm开发环境是什么】build 文件夹:用于存放 webpack 相关配置和脚本 。开发中仅 偶尔使用 到此文件夹下 webpack.base.conf.js 用于配置 less、sass等css预编译库,或者配置一下 UI 库 。
config 文件夹:主要存放配置文件,用于区分开发环境、线上环境的不同 。常用到此文件夹下 config.js 配置开发环境的 端口号、是否开启热加载 或者 设置生产环境的静态资源相对路径、是否开启gzip压缩、npm run build 命令打包生成静态资源的名称和路径等 。
dist 文件夹:默认 npm run build 命令打包生成的静态资源文件,用于生产部署 。
node_modules:存放npm命令下载的开发环境和生产环境的依赖包 。
src: 存放项目源码及需要引用的资源文件 。
src下assets:存放项目中需要用到的资源文件,css、js、images等 。
src下componets:存放vue开发中一些公共组件:header.vue、footer.vue等 。

vue的npm开发环境是什么

文章插图
以上就是关于vue的npm开发环境是什么的全部内容,以及vue的npm开发环境是什么的相关内容,希望能够帮到您 。

    推荐阅读