vue项目环境配置

1.安装node.js

   http://nodejs.cn/download/下载并安装

  查看是否安装成功

node -v

2.安装国内的淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.以上完成后,安装vue-cli脚手架构建工具

npm install --global vue-cli

4.创建一个基于webpack模板项目 ,my-project为项目名.运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。

vue init webpack my-project

5.进入项目

cd my-project

6.安装依赖

cnpm install

7.运行

cnpm run dev

基本搭建完成

原文地址:https://www.cnblogs.com/yaokaixin/p/8487982.html

时间: 2024-10-13 06:19:16

vue项目环境配置的相关文章

vue 项目环境配置(待补充)

1.下载nodejs 2.github或者码云配置 3.git clone github代码地址 4.vue-cli的安装: npm install -g @vue/cli 5.使用vue ui命令进行可视化环境配置 6.将代码提交到github或码云 使用的命令: 1. git add . 2.git commit -m "描述" 3.git push 原文地址:https://www.cnblogs.com/lalavender/p/10434426.html

【前端】vue.js环境配置以及实例运行简明教程

vue.js环境配置以及实例运行简明教程 声明:本文档编写参考如下两篇博客,是对它们的修改与补充,欢迎点击链接查看原文: 原文1:vue.js在windows本地下搭建环境和创建项目 原文2:Vue.js开发环境搭建 VUE.JS简介 何为Vue.js Vue.js(读音 /vju?/, 类似于 view)是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue

Vue项目环境的搭建

Vue项目环境搭建 node 是由c++编写的专门用来运行javascript语言的. npm(cnpm)~~pip:npm是一个终端应用商城,就像python的pip一样,只不过他服务器也在国外,所以可以换国内源cnpm vue~~django:vue是用来搭建vue前端项目的. js是前端的弱语言的脚本编程语言,而node则是一个后端语言 1.安装node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 2.换源安装cnpm,后续下载只需要将npm换成cnpm

Vue项目环境搭建

Vue项目环境搭建 """ node ~~ python:node是用c++编写用来运行js代码的 npm(cnpm) ~~ pip:npm是一个终端应用商城,可以换国内源cnpm vue ~~ django:vue是用来搭建vue前端项目的 ? 1) 安装node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ ? 2) 换源安装cnpm >: npm install -g cnpm --registry=https://registr

测试项目环境配置

1.建立jiwuyf数据库,加入esfpicture1-100个分表,加入esfidfactory主键生成器表 2.jboss下的mysql-ds.xml中加入数据源配置 <local-tx-datasource> <jndi-name>jiwuyf_slaves_db</jndi-name> <connection-url>jdbc:mysql://192.168.1.253:3306/jiwuyf?useUnicode=true&characte

Vue 项目环境变量

Vue 项目环境变量 环境变量: .env # 在所有的环境中被载入 .env.local # 在所有的环境中被载入,但会被 git 忽略 .env.[mode] # 只在指定的模式中被载入 .env.[mode].local # 只在指定的模式中被载入,但会被 git 忽略 一个环境文件只包含环境变量的"键=值"对: 模式 development 模式用于 vue-cli-service serve production 模式用于 vue-cli-service build 和 vu

vue开发环境配置跨域,一步到位

本文要实现的是:使用vue-cli搭建的项目在开发时配置跨域,上线后不做任何任何修改,接口也可以访问,前端跨域解决方案 production:产品 生产环境 development:开发 开发环境 1.开发环境设置跨域 使用工具:vue-cli自带的配置 配置目录 /config/index.js //自行复制黏贴 proxyTable: { '/apis':{ target: 'http://10.1.63.26:19080/', // 后台api changeOrigin: true, //

vue项目环境搭建(webpack4从零搭建)--仅个人记录

一.nodejs环境搭建 首先需要下载node.js(推荐直接官网找最新的版本),下载完成后会自带npm包管理工具,打开cmd命令行界面,输入npm -v .node -v检查node.js与npm是否安装成功.(安装成功会显示版本号) 如果下载太慢的话可以把npm换成国内淘宝镜像cnpm:(个人推荐直接使用npm,之前有使用cnpm在下载一些模块时出现版本对应不上) npm install -g cnpm --registry=https://registry.npm.taobao.org 二

webpack构建vue项目(配置篇)

最近公司要求用vue重构项目,还涉及到模块化开发,于是乎,我专门花了几天的时间研究了一下webpack这个目前来看比较热门的模块加载兼打包工具,发现上手并不是很容易,现将总结的一些有关配置的心得分享出来,欢迎大神来拍砖... 一.新建一个项目目录,cd /d 定位进去,然后输入npm init,会提示你填写一些项目的信息,一直回车默认就好了,或者直接执行npm init -y 直接跳过,这样就在项目目录下生成了一个package.json文件. 二.接下来就是通过npm安装项目依赖项,命令行输入