vue安装和开发环境搭建教程2021年

1.安装node.js地址:https://nodejs.org/en/
自定义安装地址，路径不要含空格（如\Program Files带有空格），一路next
我的安装路径是D:\Program\nodejs

2.查看安装成功否？
node -v
npm -v

3.在安装路径下新建两个文件夹
node_cache
node_global

4.以管理员身份打开cmd
npm config set cache “D:\Program\nodejs\node_cache”
npm config set prefix “D:\Program\nodejs\node_global”

5.配置环境变量
新增NODE_PATH

Path新增

6.管理员身份安装cnpm
npm install cnpm -g
warning无所谓，没有err就行。如果不行plan b如下：
npm config set registry http://registry.npm.taobao.org/

7.管理员身份安装脚手架：
npm install -g @vue/cli

再cpnm的：（开始只给cpnm安了脚手架–命令行工具，结果后面报错，所以就两个都安排了）
npm install -g @vue-cli

8.再安装构建工具webpack：
cnpm install -g webpack

9.然后在自己的项目目录构建项目会提示你安装一个全局变量啥的，那复制提示信息运行就好：
vue init webpack （myvue项目名）
npm i -g @vue/cli-init

然后再次新建就如下

我是一直回车默认配置：

10.接下来
进入项目
cnpm run dev

加载完显示：（ctrl+c退出）

访问提示网址http://localhost:8080/：

11.接下来，下载编辑器，我用的是vs code。然后百度两篇文章让开发更流畅舒服。
一篇vs code搭建vue开发环境
一篇vue代码格式化

附：
npm run build
打包后会出现一个dist文件夹，里面的html文件可以直接看效果，但这文件里面的css，图片等链接路径不正确，自己改一下就好。

vue安装和开发环境搭建教程2021年相关推荐

eclipse--android开发环境搭建教程
引言在windows安装Android的开发环境不简单也说不上算复杂,但由于国内无法正常访问google给android开发环境搭建带来不小的麻烦.现将本人搭建过程记录如下,希望会对投身androi ...
五部搞定Android开发环境部署——费UC噶不过详细的Android开发环境搭建教程
五步搞定Android开发环境部署--非常详细的Android开发环境搭建教程引言在windows安装Android的开发环境不简单也说不上算复杂,本文写给第一次想在自己Windows上建立 ...
Minecraft我的世界 forge mdk1.13（1.14）开发环境搭建教程及经验
Minecraft我的世界 forge mdk1.13(1.14)开发环境搭建教程及经验 1.前言 2. 1.13与1.12的区别在forgegradle方面在mdk开发方面 3.安装JDK和ID ...
Arduino框架下联盛德W801开发环境搭建教程
Arduino框架下联盛德W801开发环境搭建教程联盛德W801拥有自己的SDK集成开发工具,能做到这一点非常令人敬佩和了不起.国内好多芯片厂商都需要依托第三方开发工具集来实现对自己产品的开发.多元 ...
android4.4源码下载 windows,android4.4_android4.0 x86笔记本安装及开发环境搭建_android4.4源码下载...
Android 4.0让手机和平板电脑最终走到了一起,这是多么唯美的一件事,其实不仅仅有手机和平板,甚至连PC也与他们同路.日前Android for x86放出了最新的Android 4.0版,这也 ...
五步搞定Android开发环境部署——非常详细的Android开发环境搭建教程（转）
引言在windows安装Android的开发环境不简单也说不上算复杂,本文写给第一次想在自己Windows上建立Android开发环境投入Android浪潮的朋友们,为了确保大家能顺利完成开发环境的 ...
虚拟机IOS开发环境搭建教程
来源:http://www.cnblogs.com/xiaoyaoju/archive/2013/05/21/3091171.html 安装条件: 硬件:一台拥有支持虚拟技术的64位双核处理器和2GB ...
JDK安装以及开发环境搭建
无论是Java开发.J2EE以及Android开发搭建环境时JDK开发环境搭建及环境变量配置是必不可少的,这篇文章就来就分别介绍下JDK的下载以及不同平台的环境变量的配置. 1.安装JDK开发环境官 ...
《ESP32-Arduino开发》GUI设计 LVGL 开发环境搭建教程（从工程目录到模拟器）
前言:最近闲着无聊,看到手头正好有一块tft彩屏,想着拿来玩玩.既然用到了显示屏,自然是离不开ui设计,lvgl是嵌入式一个开源图形库,具备"Light"(轻量)和"Ve ...

vue安装和开发环境搭建教程2021年

vue安装和开发环境搭建教程2021年相关推荐

最新文章

热门文章