VUE的脚手架搭建

材料: nodejs

下载地址:http://nodejs.cn/download/

1.安装nodejs（根据链接下载并安装，安装默认下一步即可）

2.检查是否安装

node -v 返回版本号即安装成功

npm -v 返回版本号即安装成功

3.配置

在安装目录下新建两个文件夹【node_global】和【node_cache】

打开cmd命令窗口，输入

npm config set prefix  "你的路径\node_global"（F:\Program Files\nodejs\node_global）
npm config set cache  "你的路径\node_cache"  （F:\Program Files\nodejs\node_cache）  可直接复制刚刚新建的空文件夹目录

4.环境变量配置

在【系统变量】下新建【NODE_PATH】，输入【F:\Program Files\nodejs\node_modules】，

将【用户变量】下的【Path】修改为【F:\Program Files\nodejs\node_global】（根据自己的地址修改）

5.创建VUE项目并添加依赖(逐步执行即可)

vue init webpack-simple my-project (my-project为项目名)

vue install

npm install vue-router -d

npm install Axios -d

npm install VueAxios -d

npm install Vuex -d

npm install element-ui -d

npm run dev (启动)

以上为自己安装所记录，有些描述的不是很到位。若有疑问可添加QQ力所能及之事会尽量帮助：2898806228

原文地址：https://www.cnblogs.com/xiaobudian56/p/12149221.html

时间： 2024-10-10 16:30:08

VUE的脚手架搭建的相关文章

vue-cli（vue的脚手架搭建过程）

vue-cli定义:是脚手架工具,作用就是用配置好的模板迅速搭建起一个项目,省去了自己配置webpack文件. 搭建脚手架步骤: 一.环境搭建 1)在官网下载安装node.js ,安装装完,输入node -v,出现版本号就说明安装成功 2)npm -v 查询 npm 版本号是否在3以上 3)安装淘宝镜像.安装完输入 cnpm -v,检查是否安装成功,之所以安装它,是为了安装速度,原本npm的服务器是外国的,速度会很慢. 4)安装 webpack, npm install webpack -g 输

用 vue cli 脚手架搭建单页面 Vue 应用（进阶2）

1.配置 Node 环境. 自行百度吧. 安装好了之后,打开 cmd .运行 node -v .显示版本号,就是安装成功了. 注:不要安装8.0.0以上的版本,和 vue-cli 不兼容. 我使用的 6.10.3 的版本,相对稳定. 2.使用 npm 管理依赖 使用 node 自带的包管理工具 npm 管理项目中的依赖,由于 npm 的服务器在国外.经常会遇到速度奇慢或者下载不下来依赖的情况,所以推荐使用淘宝镜像. npm install-g cnpm--registry=https://reg

在windows下用脚手架搭建vue环境

做了几个月vue项目,最近两个项目使用脚手架搭建的,确实用脚手架搭建方便了许多,想想以前自己手配的时候,确实是... 1.在这之前我是默认你已经使用过vue的,也默认你已经安装了node.js 2.接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架 3.命令为:cnpm install -g vue-cli,回车,等待安装 安装完后,可以输入vue,然后回车,如果出现vue的信息,则说明安装成功了. 4.紧接着,就该创建项目了,自己找一个合适的地方,新建一个项目文件夹,根据自己的需要

webpack+vue+iview使用vue-cli脚手架搭建

1.安装nodejs环境 下载node.js.安装成功后再控制台输入 node -v 出现版本号则,安装成功. 如果没有出现 版本号 而是出现node 不是内部命令的话 需要配置一下环境变量,如果已经出现版本号,此步骤可以忽略.将安装node的路径剪切,右键我的电脑-->属性-->高级系统环境设置-->环境变量-->找到path环境变量.加上复制的node的安装路径. 2.可以在控制台在输入一下命令,查看是否已经成功的安装了npm   npm -v  如果出现版本号说明已经安装成功

用vue-cli脚手架搭建一个仿网易云音乐的全家桶vue项目

一,vue-cli环境搭建 1,全局安装webpack npm install webpack -g 2,安装vue脚手架 npm install vue-cli -g 3,新建一个新的project,终端定位到该项目下 4,初始化项目 vue init webpack-simple 会让你进行该项目的一些基本设置,如下图 5,安装项目依赖 npm install 6,启动项目 npm run dev 可以看到终端提示成功 在浏览器上打开localhost:8080/#/可以看到如下图所示,说明

vue.js环境搭建

vue最开始说是库,现在应该可以说是框架了,很多大公司都开始用vue了,这得源于vue的本质 1:数据化驱动,2:组件化模板.项目中用vue都得搭建环境,经过一段时间的摧残后终于有勇气来写篇关于vue环境搭建的博文了,我相信网上已经有很多前辈的博文能够帮助大家完成搭建,与我来说只是记录下自己搭建环境的一点心得,如若能够帮助到两三人,足以. 1:因为vue.js的运行是基于node.js的npm环境下,所以我们得先安装node.js,这个就不累赘了,网上下个node.js安装即可. 2:记得刚开始

Vue入门环境搭建

vue这个新的工具,确实能够提高效率,在经历的一段时间的摧残之后,终于能够有一个系统的认识了,下面就今天的收获做一个总结,也是vue入门的精髓: 1.要使用vue来开发前端框架,首先要有环境,这个环境要借助于node,所以要先安装node,借助于node里面的npm来安装需要的依赖等等. 这里有一个小技巧:如果在cmd中直接使用npm来安装的一些工具的话会比较慢,所以我们使用淘宝的npm镜像: 输入npm install -g cnpm –registry=https://registry.np

vue - 安装脚手架

最近初始化拉取总是失败,后采用yarn一步到位! npm i -g @vue/cli && npm i -g @vue-init/cli && npm i -g yarn 初始化注意这最后一点即可 可以看到,速度很快 好,安装完成以后,我们看看启动! 关于配置,请查看: 我们去浏览器打开这个地址 启动完成,脚手架搭建完毕! 原文地址:https://www.cnblogs.com/cisum/p/8611970.html

Windows系统下Vue开发环境搭建详解版

?记在前面 之前学js也踩过很多坑,第一次用博客记录这些过程,一方面自己以后能够回顾,另一方面也希望能帮助跟我自己一样遇到同样问题的朋友 ps:不会的就去搜,去问,千万不要觉着遇到难点了,暂时走不下去了,就放弃!!!大家一起学习进步~~~ 在慕课网上跟着这个视频学习搭建的:https://www.imooc.com/video/12299 一.首先是windows系统,需要安装node.js和git 1.node.js:https://nodejs.org/zh-cn/    下载哪一个都可以(