vue - 开发环境构建

官网：https://cn.vuejs.org/v2/guide/
脚手架官网：https://cli.vuejs.org/zh/

NPM方法
node.js环境（npm包管理器）
vue-cli 脚手架构建工具

安装node.js

从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了，安装完之后，我们通过打开命令行工具（win+R）,输入

 node -v 命令，查看node的版本，若出现相应的版本号，则说明你安装成功了。npm包管理器，是集成在node中的，直接输入 npm -v 命令，显示npm的版本信息。

设置npm的本地仓库
默认的npm仓库在系统盘c盘的用户目录(C:\Users\用户\AppData\Roaming\npm和npm-cache)，我们常不使用系统盘保存，把目录移动到其他盘。

 先建立2个目录E:\node-repository\node_globalE:\node-repository\node_cache然后运行以下2条命令npm config set prefix "E:\node-repository\node_global"npm config set cache "E:\node-repository\node_cache"对path环境变量添加E:\node-repository\node_global

配置taobao镜像站，提升下载速度：（默认：https://registry.npmjs.org/）
npm config set registry=http://registry.npm.taobao.org

列出npm的本地仓库，输入命令npm list -global
列出npm的所有配置信息，输入命令npm config list
检查镜像站设置，命令：npm config get registry

安装vue-cli 脚手架构建工具。

在命令行中运行，然后等待安装完成。

运行npm install vue -g安装vue.js
运行npm install vue-router -g 安装vue-router
运行npm install @vue/cli -g安装vue脚手架。

vue版本查询：vue -V

工程创建

方式一：

新建项目 vue create vue-demo,并选择default模版
运行npm install安装依赖
启动

cd vue-demo
npm run serve

方式二：

vue init webpack vue-demo
启动

cd vue-demo
npm run dev

vue - 开发环境构建相关推荐

初探webpack之从零搭建Vue开发环境
初探webpack之搭建Vue开发环境平时我们可以用vue-cli很方便地搭建Vue的开发环境,vue-cli确实是个好东西,让我们不需要关心webpack等一些繁杂的配置,然后直接开始写业务代码, ...
面试官：自己搭建过vue开发环境吗？
开篇前段时间,看到群里一些小伙伴面试的时候被面试官问到这类题目.平时大家开发vue项目的时候,相信大部分人都是使用 vue-cli脚手架生成的项目架构,然后 npm run install 安装依赖 ...
构建开发环境构建demo_构建自己的wotsapp第6部分
构建开发环境构建demo I should start this article with a disclaimer: It is based on iOS 13, Swift 5, and Xco ...
vscode搭建vue开发环境(vue入门)
本文基于vue2.0版本,文末说明怎么升级为vue3.0版本一.安装VScode 从官网下载,安装就行.以下操作在win+r -> cmd 命令行界面执行.在vscode中就是在创建好的项目空 ...
vue开发环境和生产环境里面解决跨域的几种方法
vue开发环境和生产环境里面解决跨域的几种方法参考文章: (1)vue开发环境和生产环境里面解决跨域的几种方法 (2)https://www.cnblogs.com/pass245939319/p/ ...
嵌入式开发环境构建_设计模式：不可变的嵌入式构建器
嵌入式开发环境构建上周,我写了关于什么使图案成为反图案. 本周,我提出一种设计模式-或等待--也许这是一种反模式. 还是? 让我们看看! 当有一个类可以构建另一个实例时,构建器模式是一种编程风格. ...
laravel+vue开发环境搭建
From: https://www.jianshu.com/p/1c2cc11ba46f 描述最近通过laravel在公司做了一些项目,但本身前端出身的我,总是感觉lphp开发过程中,前端写好页面, ...
webpack最新版本_webpack小结-开发环境构建优化
刚刚对我们前端项目做了一顿分析优化操作,因为接手时每次构建要花两分钟左右的时间,实在忍受不了,只能动手了.通过这次优化,重新温习了下 webpack 的一些知识.接下来会关于 webpack 展开写几 ...
c语言程序构建,c语言开发环境构建及简单的c程序设计.doc
c语言开发环境构建及简单的c程序设计实验x C语言开发环境构建及简单的C程序设计一.实验目的 1.熟悉字符模式下的C程序编译和调试环境,基本掌握麒麟Linux字符模式下的编译工具和调试工具的使用: ...
168.Vue.js智能扫码点餐系统（二）【搭建Vue开发环境】2019.03.18
0.知识点搭建开发环境 1.搭建Vue开发环境 2.安装vue-cli脚手架安装命令 // 第一种: npm install --global vue-cli// 第二种 cnpm install ...

vue - 开发环境构建

安装node.js

安装vue-cli 脚手架构建工具。

工程创建

vue - 开发环境构建相关推荐

最新文章

热门文章