1.开发环境的准备工作IDE
可以选择WebStom或者VisualStudio CodeNode.js的安装
node + npm调试环境
Google Chrome + Vue.js2.什么是nvm
nvm:Node Version Manager，作为前端node依赖包管理工具，可以更好的管理Node的版本3.nvm的安装nvm windows 下载地址选择上面的进行下载，将下载的文件进行解压：nvm-setup.exe，单击开始安装，直接点击下一步就可以。4.测试nvm版本安装是否成功nvm --version5.查看本地安装的node版本nvm list6...
刚工作两个月，公司项目的代码还没接触明白，今天偶然看到了前端项目中vue.config.js对于后台接口的配置 devServer: {port: port,open: false,overlay: {warnings: false,errors: true},proxy: {[process.env.VUE_APP_BASE_API]: {target: `http://localhost:8080/ShaoxingBackend/`,changeOrigin: true,pathRewrite: {[‘^‘ + process.env.VUE_APP_BASE_API]: ‘‘}}}// after: require(‘./mock/mock-server.js‘)},proxy应该是...
Vue.js 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。在使用 vue.js 之前首先需要搭建 vue.js 的开发环境，下面，我们就来一步一步的搭建 vue.js 的环境：1、首先，我们需要安装 node.js： 安装 node.js 请参考 node.js安装配置 ，可以打开命令行，输入 node -v，如果输出版本号，说明我们安装 node 环境成功，输入...
先安装node运行环境下载网址 https://nodejs.org/en/或者http://nodejs.cn/检查node是否安装成功命令行窗口直接输入$ node -v
如果输出版本号，说明我们安装node 环境成功再查看npm版本号$ npm -v安装淘宝镜像(此步骤是为了提高下载速度，可以忽略)如果访问外网比较慢，可以使用淘宝镜像。安装淘宝镜像，在命令行中输入 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 安装之后我们就可以使用cnpm代替npm了，下...
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，回车，等待安装...3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架在cmd里 1)输入：cnpm install -g vue-cli，回车，等待安装... 2).输入：vue，回车，若出现vue信息说明表示成功4.创建项目在cmd里输入：vue...
nodejs安装配置1.下载地址：https://nodejs.org/en/2.默认安装 安装完成后，执行npm -v 出现版本号则表示安装成功。3.配置在node安装目录下新建两个文件夹node_global和node_cache配置npm全局模块的存放路径以及cache的存放路径，执行如下命令：npm config set prefix "D:\Program Files\nodejs\node_global"npm config set prefix "D:\Program Files\nodejs\node_cache"配置环境变量，增加变量NODE_PATH D:\Program Files\n...
1.下载VScode编译器官网自己下载（https://code.visualstudio.com/）傻瓜安装2导入项目打开 Visual Studio Code，File --> add Folder to Workspace，导入我们的项目。 3.安装 ElementElement 是国内饿了么公司提供的一套开源前端框架，简洁优雅，提供了 vue、react、angular 等多个版本，我们这里使用 vue 版本来搭建我们的界面。访问：http://element-cn.eleme.io/#/zh-CN/component/installation ，官方指南，包含框架的安装，...
Node环境直接下载.msi可能会更省事，一步步安装就行了。1、下载安装包，中文网http://nodejs.cn/download/2、把安装包解压到要安装的目录3、在安装根目录下新建两个目录node_global :npm全局安装位置node_cache：npm 缓存路径4、置NPM全局模块路径和cache默认安装位置在解压缩包当前目录里打开cmd窗口：shift+鼠标右键----->打开命令窗口，否则是没有npm命令的./npm config set cache "D:\node-v14.16.0\node_cache"./npm config s...
001、在package.json文件中添加"scripts": {"serve": "vue-cli-service serve", //调用开发api"build": "vue-cli-service build", //上线"test": "vue-cli-service build --mode test",//需要添加的内容，测试
},002、在根目录下创建.env文件，并配置NODE_ENV = ‘production‘
VUE_APP_FLAG = ‘pro‘ //vue代码可以直接使用VUE_APP_名字003、在根目录下创建.env.test文件NODE_ENV = ‘production‘
VUE_APP_FLAG = ‘test‘
outp...
vue 2.0 1.安装node2.安装淘宝镜像，打开命令行工具，把这个（npm install -g cnpm --registry="https://registry.npm.taobao.org "）3.安装webpack，打开命令行工具输入：npm install webpack -g4.安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g搭建项目1.cd 到根目录下2.vue init webpack (项目名英文)Use ESLint to lint your code? (Y/n)n 是否启用eslint检测规则3.cd 命令进入创建的工程目录4.安装...
发环境的搭建安装node.js直接下一步就好， 注意安装的位置 Node.js官网：https://nodejs.org/en/验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd打开命令行窗口。输入node -v即可得到对应的Node.js版本。 npm包管理器是集成在Node.js中了，所以在安装Node.js的时候就已经自带了npm。 输入npm -v可得到npm的版本。注意npm的版本需要在3.0.0以上版本，所以，如果npm的版本小于3.0.0,输入以下命令更新npm至最新版本...
一.首先安装 node.js 安装成功后在cmd里面使用：node -v 命令查看安装是否成功 下载链接：链接：https://pan.baidu.com/s/1CL9J4Ryp3sL0zPYKJyS-3A 提取码：d8gl 安装国内的npm镜像源：npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完成后使用：npm -v 或者cnpm -v (推荐使用cnpm 这样更快) 安装vue脚手架：vue-clinpm install -g @vue/clicnpm install -g @vue/cliVue 提供了一个官方的 CLI，为单页面...
为什么要配置不同的接口地址在开发过程中，前端请求访问的是自己本机启动的后台服务，此时涉及到跨域（因为端口不一样），所以在config/index.js文件中配置了代理
//检查某个文件是否存在
try {fs.statSync(path.join(__dirname, ../proxy/ + templatedir + .json))//如果可以执行到这里那么就表示存在了console.log(124)proxyTable = require(../proxy/ + templatedir + .json)
} catch (e) {//捕获异常
}
module.exports = {dev:...
在Windows子系统中搭建VUE开发环境
原文链接地址：https://www.cnblogs.com/ruyun/p/14055631.html在上一篇博客中我已经安装好Ubuntu的系统环境，并将系统迁移到F：中，现在我需要在Ubuntu中安装vue的开发环境
# 更新系统
sudo apt update
# 查看系统版本
cat /etc/issue
# 安装nodejs
# node --version
sudo apt install nodejs -y
# 安装npm
# npm --version
sudo apt install npm -y
# 安装vue-cli
# vue --version
npm instal...
vue.js开发环境的搭建：首先安装vue.js，安装成功后分别安装npm包管理器、模块、webpack以及vue脚手架；全部安装好后开始初始化Vue环境以及安装项目依赖，到这儿Vue开发环境就搭建好了【推荐教程：Vue.js教程】环境准备Node.js Javascript的运行时环境npm Node.js下的包管理工具webpack 前端资源模块化管理和打包工具vue-cli 脚手架构建工具cnpm npm的淘宝镜像Vue.js安装1. Node.js的安装非常容易，首先从官网下载你所需操作系统的...
