关键词：
写作背景：手上入一个用Vue框架写的微信公众号项目，根据公司安排，我负责项目源代码的验收工作（当然专业的工作检测会交给web开发人员，我只是想运行起来看一看）。
1 开发环境安装步骤：
（一）安装node.js（JavaScript运行环境runtime）
从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以完成。
完成之后，开发命令行工具，输入
node -v
如果出现相应的版本号，则说明安装成功。
另外，npm是node.js下的包管理器，npm能很好的和诸如webpack或Browserify模块打包器配合使用。
npm包管理器是集成在node中的，因此安装好node.js之后，直接输入
npm -v
可以查看到npm的版本信息。
（二）获取node.js模块安装目录访问权限
sudo chmod -R 777 /usr/local/lib/node_modules/
（三）安装全局的webpack（vue的组件都是.vue或者向微信小程序的.wxml或者.wxss等自定义组件都无法被用户端的浏览器解析，需要使用webpack编译和打包成js文件）
npm install webpack -g
（四）安装vue脚手架vue-cli
npm install vue-cli -g
2 创建一个vue.js项目并运行
（一）找一个合适的位置存放你的Vue项目
cd 目录路径
注：目录路劲直接把创建好的文件夹拖拽到终端就行了
（二）创建项目
vue init webpack-simple 项目名
如：vue init webpack-simple vue_project
注：项目名不可以使用中文，也不能使用大写字母
运行初始化命令的时候会让用户输入基本基本的选项，如项目名称、描述、作者等信息，如果不想填直接一路回车默认就行。
这个命令的意识是初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的。
（三）将根目录切换到项目
cd 项目名
如：cd vue_project
（四）安装项目依赖
npm install
注：运行完上面的命令后，项目文件夹中会多出一个package-lock.json文件
================>>>>>>>>
（五）安装vue路由模块vue-router和网络请求模块vue-resource
npm install vue-router vue-resource --save
注：安装完成后，项目文件夹中会多出一个node_modules文件夹，这里面就是我们项目所需要的依赖包资源
================>>>>>>>>
（六）启动项目
npm run dev
注：项目运行成功后，浏览器会自动打开localhost:8080（如果浏览器没有自动打开，可以手动输入）。运行成功后，会看到如下所示的界面。
3 运行一个已存在的Vue项目
没有依赖库的项目是运行不起来的，也许你从代码服务器上面拉下来的Vue项目只有几百kb（因为一般不会将项目的依赖库放入代码的版本控制器中进行跟踪），因此当你开始要接受别人的Vue项目时，你需要为它下载好依赖库。
（一）将根目录切换到项目
cd 项目名
如：cd vue_project
（二）安装项目依赖
npm install
注：运行完上面的命令后，项目文件夹中会多出一个package-lock.json文件
================>>>>>>>>
（三）安装vue路由模块vue-router和网络请求模块vue-resource
npm install vue-router vue-resource --save
注：安装完成后，项目文件夹中会多出一个node_modules文件夹，这里面就是我们项目所需要的依赖包资源
================>>>>>>>>
（四）启动项目
npm run dev
当然，之后再要运行该项目时，直接cd到该项目的目录下，运行npm run dev命令就行。
【参考2】https://www.cnblogs.com/pengjunhao/p/6762141.html
【参考3】https://www.jianshu.com/p/918314e9f757
vue3组件开发：搭建基于spreadjs的表格编辑系统（环境搭建）(代码片段)
...自底向上逐层应用，更易上手，还便于与第三方库或既有项目整合，因此，Vue完全能够为复杂的单页应用提供驱动。2020年09月18日，Vue.js3.0正式发布，作者尤雨溪将其描述为：更快、更小、更易于维护。Vue3都加入了哪些新功能？... 查看详情
vue开发（开发环境+项目搭建）
...注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 首先vue.js的作者是中国人，所以说他是国产的，吸收了google... 查看详情
vue.js:搭建开发环境及构建项目
发环境的搭建安装node.js直接下一步就好，注意安装的位置 Node.js官网：https://nodejs.org/en/验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd打开命令行窗口。输入node-v即可得到对应的Node.js版本。 npm包管... 查看详情
如何运行一个vue项目(代码片段)
一开始很多刚入手vue.js的人，会扒GitHub上的开源项目，但是发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家... 查看详情
vue项目目录结构详解(代码片段)
项目简介基于vue.js的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用ESNext、scss等最新语言特性。项目包含：基础库:vue.js、vue-router、vuex、whatwg-fetch编译/打包工具：webpack、babel、node-sass单元测试工具：karma... 查看详情
路飞虚拟环境搭建(代码片段)
目录路飞项目搭建：环境：创建项目：重构项目目录：配置环境：路飞项目搭建：环境：创建一个虚拟环境>:mkvirtualenvluffy按照基础环境依赖>:pipinstalldjango==2.0.7>:pipinstalldjangorestframework>:pipinstallpymysql创建项目：在目标目... 查看详情
windows下搭建vue开发环境
...注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。2016年，Vue同Angular、React形成三足鼎立的局面，让前端的开发者顾不暇接，今天我们就来了解一下Vue的环境搭建。一、node.js安装Vue项目通常通过webpack工具来构建... 查看详情
django框架（三十）——使用vue搭建前台(代码片段)
目录vue的使用一、创建vue项目二、pycharm开发vue项目1、安装vue.js插件2、运行vue项目三、vue项目的目录结构四、vue的使用1、创建新的组件2、显示数据3、方法的绑定五、axios1、安装axios2、使用axiosvue的使用一、创建vue项目参考另一... 查看详情
前端vue.js环境配置以及实例运行简明教程
...接查看原文：原文1：vue.js在windows本地下搭建环境和创建项目原文2：Vue.js开发环境搭建 VUE.JS简介 何为Vue.js Vue.js（读音/vju?/,类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自 查看详情
vue.js2.0:如何搭建开发环境及构建项目
1，安装node.jsNode.js官网：https://nodejs.org/en/进入Node.js官网，选择下载并安装Node.js。安装过程只需要点击“下一步”即可，如下图，非常简单。验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd打开命令行窗口。输... 查看详情
vue项目搭建和运行
...师兄的推荐下入坑vue.js，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 首先，列出来我们需要的东西：... 查看详情
vue命令行生成项目(代码片段)
...保存时代码检查以及可直接用于生产环境的构建配置」的项目：#安装vue-cli$npminstall--globalvue-cli#使用"webpack"模板创建一个新项目$vueinitwebpackmy-project#安装 查看详情
@vue/cli3.0快速搭建项目详解(代码片段)
这篇文章主要介绍下vue-cli3.0项目搭建，项目结构和配置等整理一下，分享给大家。一、介绍VueCLI是一个基于Vue.js进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的npm包，提供了终端里的vue命令（如：vuecreate、vue... 查看详情
day01-项目介绍与环境搭建(代码片段)
项目介绍与环境搭建1.项目学习前置知识Java基础知识javawebMySQLSpringBootSSM（Spring，SpringMVC，MyBatis）Maven2.学习收获了解企业项目开发的完整流程，增长开发经验了解需求分析的过程，提高分析和设计能力对所学的技术进行灵活应用... 查看详情
node-开发环境与生产环境(代码片段)
什么是开发环境与生产环境? 环境，就是指项目运行的地方，当项目处于开发阶段，项目运行在开发人员的电脑上，项目所处的环境就是开发环境。当项目开发完成以后，要将项目放到真实的网站服务器电脑中运行，项目所处的... 查看详情
uni-app入门教程——环境配置与运行(代码片段)
...pp开发工具的下载2.1Hbuilder电脑桌面适配3.Hbuilder运行uni-app项目3.1浏览器预览uni-app项目3.2微信小程序预览uni-app项目3.3手机预览预览uni-app项目1.uni-app简介 uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套... 查看详情
vue.js使用vue-cli搭建一个spa项目(代码片段)
WHY之所以写这篇如何运用脚手架自动化构建出一个项目的大架构，主要是面向想入门vue的小伙伴。之前，我第一次接触vue，一直摸不着头脑，想在网上搜个接地气的教程都找不到。SO，我以如何搭建结构为开始，向想入门vue的童... 查看详情
基于webpack的vue.js开发环境快速搭建
...vue-clicnpminstall-gvue-cli4. 创建一个基于"webpack"模板的新项目#创建一个项目文件夹，在文件夹下shift+右键，选择在此处打开cmdvueinitwebpack5.安装依赖#安装依赖cnpminstall#安装完毕后，在项目路径下多出了依赖包。6.&n 查看详情