基于Nodejs+Vue+Webpack的前端开发指导

Posted jtcr

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于Nodejs+Vue+Webpack的前端开发指导相关的知识,希望对你有一定的参考价值。

//饿了么官网

https://element.eleme.cn/#/zh-CN/component/layout

https://cn.vuejs.org/v2/guide/class-and-style.html

基于Nodejs+Vue+Webpack的前端开发指导

    1. 安装nodejs,上官网(https://nodejs.org/en/),根据OS系统版本下载。直接安装。
      安装过程,直接点击“”Next“”。 (安装完毕,会自动添加 X:/program/nodejs目录到环境变量path中)
    2. 检查:
            输入 node  -v,是否正常返回nodejs版本信息
            输入 npm  -v, 是否返回npm版本信息
           
    3. 配置:
           修改全局模块存放路径:npm config set prefix "X:\Program Files\nodejs\node_global"
           修改缓存路径:              npm config set cache "X:\Program Files\nodejs\node_cache"
           添加系统环境变量 "NODE_PATH",输入”X:\Program Files\nodejs\node_global\node_modules"
           修改用户环境变量 "PATH"增加“X:\Program Files\nodejs\node_global\"

以上是关于基于Nodejs+Vue+Webpack的前端开发指导的主要内容,如果未能解决你的问题,请参考以下文章

前端vue开发架构vue开发单页项目架构总结

基于 Laravel 开发 ThinkSNS+ 中前端的抉择(webpack/Vue)踩坑日记

前端用vue,后端需要nodejs吗?

使用vue2.x+webpack+vuex+sass+axios+elementUI等快速搭建前端项目框架

基于nodejs开发的前端项目vue电影购票系统(源码+项目视频录制)

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇——纯前端多页面)