VUE之环境安装

一、环境安装

软件安装:

nodejs https://nodejs.org/en/
vscode https://code.visualstudio.com/docs/?dv=win
python-2.7.15 https://pan.baidu.com/s/1LBqkL6PYXpa1LrUHLdLteQ

Node.js环境安装

  参考该链接(很详细):https://www.cnblogs.com/zhouyu2017/p/6485265.html

vscode推荐插件

  Auto Close Tag, Auto Rename Tag, Beautify,Beautify css/sass/scss/less,Bookmarks,Chinese (Simplified) Language Pack for Visual Studio Code,

  Color Highlight,HTML CSS Support,htmltagwrap,Path Autocomplete,Vetur,View In Browser,Vue 2 Snippets,Vue VSCode Snippets,VueHelper

导入项目 

  在vscode中打开项目: 

    文件->打开文件夹->选择vue_sources项目根目录,导入项目。

    在项目根目录执行cmd命令:

    1. 输入:npm install ,回车,等待安装package.json配置的相关插件...

    2.输入:npm run build,编译项目。

    3.打开dist目录下的index.html.

原文地址:https://www.cnblogs.com/sky-lz/p/8510763.html

时间: 2024-10-10 11:52:34

VUE之环境安装的相关文章

vue项目环境安装

一.环境安装 安装 node 官网直接下载安装包,按步骤安装 cmd 命令输入 node -v ,出现版本号即可 cmd 输入 npm -v, 出现版本号即可(用于安装依赖) npm install 经常太慢,所以可以下载淘宝镜像, 使用 cnpm install xxx,速度会快很多 npm install -g cnpm --registry=https://registry.npm.taobao.org' 之后几乎只要安装依赖都会用 cnpm 安装 vue 脚手架 cnpm install

vue开发环境安装步骤

前提:vue开发前提是安装好nodejs后,在nodejs环境下运行 1.npm工具在国内的网络环境下比较慢 推荐使用淘宝npm镜像https://npm.taobao.org/ 使用以下命令安装cnpm,以后就可以用cnpm来代替npm: npm install -g cnpm --registry=https://registry.npm.taobao.org 2.cnpm -v 查看当前cnpm安装版本 3.cnpm install -g vue-cli 安装脚手架(-g全局安装在系统的n

Vue入门:Vue环境安装

安装环境 操作系统:Windows 10 64位 安装Node.js 1. 下载系统对应版本安装包 下载地址:https://nodejs.org/en/download/ 2. 安装 除安装地址外其它全部使用默认即可 3. 设置模块存储位置 进入node.js安装目录新建文件夹[node_global]和[node_cache]用于存储Node.js后续安装的模块 ? 4. 配置环境变量在[系统变量]中新增[NODE_PATH]变量值为[node_modules]地址 ? 在[用户变量]中修改

Vue学习之路1-集成环境安装

1.前言 Vue 是一款友好的.多用途且高性能的javascript框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用,它能够帮你创建可维护性和可测试性更强的代码库,Vue是渐进式的javascript框架库. 2.安装简介 Vue集成环境三大核心组件:node.js,npm,vue. 3.node.js安装 下载地址:https://nodejs.org/en/download/,根据操作系统选择实际需要的后缀名为.msi快捷安装包进行安装.node工具安装包括了npm工具,安

vue学习起步,vue环境安装

vue安装的前提是安装了nodejs 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack cnpm install webpack -g 安装vue脚手架 npm install vue-cli -g cnpm和npm安装vue-cli有报错 在硬盘上找一个文件夹放工程用的,在终端中进入该目录 Mac cd 目录路径 根据模板创建项目 vue init webpack-simple 工程名

mac 下vue环境安装时遇到的问题记录

1. 使用brew install node 命令安装node 时遇到的问题: MacBook-Pro:~ zh$ brew install node ==> Downloading https://homebrew.bintray.com/bottles-portable-ruby/portable-ruby-2.3.3_2.leopard_64.bottle.tar.gz Already downloaded: /Users/zh/Library/Caches/Homebrew/portab

使用vue-cli+webpack搭建vue开发环境

在这里我真的很开心,好久没有用过博客,今天突然看到了我的博客有不少人看过,虽然没有留下脚印,但是还是激起了我重新拿起博客的信心,感谢大家. 在这里我们需要首先下载node,因为我们要用到npm包下载,是基于node的 废话不多说,我们直接进入正题 下载node,同时需要下载git,以后我们就在git上输入命令来搭建我们的vue环境 git用的是linux命令 不要问为什么,能用就行,你说是不是? windows系统,下载完git以后我们再桌面右击鼠标会看到git Bash,点开它,然后就打开了g

【原创】win10下搭建vue开发环境+IIS部署

[原创]win10下搭建vue开发环境 如果要转发,请注明原作者和原产地,谢谢! 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/download/,如下图所示: 根据自己电脑的具体配置,选择你要下载的安装

搭建vue开发环境的步骤,六步完成

搭建vue开发环境的步骤,其实也挺简单的,之前这环境的配置也困扰着我一:在搭建vue的开发环境之前,一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,下载地址:http://nodejs.cn:注意是32还是64位:二:下载好node之后,打开docs管理工具,先看看node安装成功了没有,输入 node -v ,回车,会输出node的版本号. 三:淘宝镜像安装成功之后,我们就可以全局vue-cli脚手架,输入命令:npm install --global