Vue的项目环境搭建

1、下载node.js

  https://nodejs.org/en/

  

  检测是否安装成功

  node -v

    npm -v 

  

2、下载Vue-cli

  npm install --global vue-cli

  

3、初始化项目

  vue init webpack 项目名

  

4、初始化成功了

  

  项目文件的作用

  

5、运行项目

  cd 进入项目目录

  npm run dev

  

  访问网页     http://localhost:8080/#/

  

  

  

原文地址:https://www.cnblogs.com/bothin/p/11428975.html

时间: 2024-07-31 21:44:21

Vue的项目环境搭建的相关文章

vue+webpack项目环境搭建

首先安装node.js 下载地址:https://nodejs.org/en/download/ 看下是否成功安装 node -v 原文地址:https://www.cnblogs.com/adbg/p/9627781.html

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

vue.js开发环境搭建

1.安装node.js,忽略 2.基于node.js,利用淘宝npm镜像安装相关依赖 在cmd里直接输入:npm install -g cnpm –-registry=https://registry.npm.taobao.org,回车,等待安装... 3.安装全局vue,用于帮助搭建所需的模板框架 在cmd里, 1).输入:cnpm install -g vue-cli,回车,等待安装...2).输入:vue -V,回车,若出现vue信息说明表示成功 4.创建vue项目 在cmd里输入:vue

windows下vue.js开发环境搭建教程

这篇文章主要为大家详细介绍了windows下vue.js开发环境搭建教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 最近,vue.js越来越火.在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊,由于网上那些教程都是Vue.js 1.x版本的,现在用Vue.js 的构建工具都已经升级到2.0版本了),经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本在1.0版本的基础上做了好多调整,废弃了好多api.废话不多说

Django项目: 项目环境搭建 ---- 一、创建django项目

项目环境搭建 一.创建django项目 1.创建python虚拟环境 在虚拟机上创建python虚拟环境,因为实际项目部署,实在linux mkvirtualenv -p /usr/bin/python3.6 tzproject 2.创建django项目 1.安装django 选择安装django2.1.x最新的一个版本2.1.10 pip install django==2.1.10 2.创建django项目 cd ~/project/ # cd到你想放django项目路径的地方 django

路飞项目环境搭建

目录 路飞项目环境搭建: pip 换源: 虚拟环境的搭建: 终端工作的命令: 路飞项目环境搭建: pip 换源: # 永久配置(windows) 1.文件管理器文件路径地址栏敲:%APPDATA% 回车,快速进入 C:\Users\电脑用户\AppData\Roaming 文件夹中 2.新建 pip 文件夹并在文件夹中新建 pip.ini 配置文件 3.新增 pip.ini 配置文件内容 # pip.ini 配置文件: [global] index-url = http://pypi.douba

1、Vue介绍、环境搭建、项目运行

1.Vue介绍 Vue和Angular.React都是前端框架,特点: 1.单页面框架: 2.基于模块化组件化的开发模式: 3.Vue简单 灵活 高效 国内的中小企业里面用的非常多. 2.开发环境搭建 1.必须要先安装nodejs(自带NPM工具) https://cn.vuejs.org/v2/guide/installation.html 安装后,命令行验证安装情况: 2.搭建vue的开发环境 ,安装vue的脚手架工具vue-clie 官方命令行工具 npm install --global

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 二

Vue.js项目模板搭建

前言 从今年(2017年)年初起,我们团队开始引入「Vue.js」开发移动端的产品.作为团队的领头人,我的首要任务就是设计 整体的架构 .一个良好的架构必定是具备丰富的开发经验后才能搭建出来的.虽然我有多年的前端开发经验,但就「Vue.js」来说,仍然是个新手.所幸「Vue.js」有一个配套工具「Vue-CLI」,它提供了一些比较成熟的项目模板,很大程度上降低了上手的难度.然而,很多具体的问题还是要自己思考和解决的. 项目划分 我们公司的H5产品大部分是嵌套在手机客户端里面的页面.每个项目的功能