vue垂死挣扎系列（一）—

项目安装(windows10安装环境+vue-cli 2.x）

安装node
- 在官网上下载稳定版本的node node.js官网
- 一路傻瓜安装
- 测试是否安装成功 cmd中node --version
安装vue-cli 2.x
- npm install -g vue-cli (全局安装vue-cli 2.x，可能较慢，建议下面方法）
- npm install -g cnpm ----registry=https://registry.npm.taobao.org (使用国内镜像）
  若是cnpm -v成功之后继续 cnpm install -g vue-cli
生成项目(init)
- vue init webpack my-project (项目名字my-project,会在当前目录下生成)
- cd my-project
- cnpm install (安装依赖 node_modules)
- npm run dev (启动项目，默认为localhost:8080端口）
打包上线
- npm run build （文件项目基本都在src中，打包后会生成dist文件夹，项目上线使，只需要将dist文件夹放到服务器中就可以了)

项目安装(windows10安装环境+vue-cli 3.x）

现在vue-cli已经升级到3版本了，继续?

安装node
- 下载node，注意版本，vue-cli 3.x 要求node的版本需要8.9甚至更高版本（推荐LTS 8.11.3)
- 步骤同上
安装vue-cli 3.x
- npm install -g @vue/cli (是的，你没有看错，包换名字了，vue-cli改名叫@vue/cli了）
  可在cmd中，查看vue --version是否成功
创建项目（create)
- vue create my-project
- cd my-project
- npm run serve (注意直接run serve就行了，不需要 run dev了）
打包上线
- npm run build

转载于:https://www.cnblogs.com/hiluna/p/9655237.html

vue垂死挣扎系列（一）——vue-cli快速搭建相关推荐

Hexo+GitHub静态博客系列1——三步快速搭建
前言 Hexo+GitHub静态博客搭建姿势千千万,各种教程也写烂那么此搭建姿势就非主流些,侧重图形化操作,减少代码配置,适合新手快速搭建说来本人也是臭毛病,wordpress.emlog等博客系 ...
【uni-app系列】uni-app之快速搭建框架
目录一.uni-app 是什么? 二.为什么选择 uni-app ? 三.功能框架四.准备工作五.搭建框架 1.创建项目 2.运行项目 (1)运行到浏览器 (2)内置浏览器运行 (3)运行到手机 ...
「Vue 学习笔记 1」Vue 项目快速搭建，初始项目各个文件夹作用介绍和启动代码执行流程分析
「Vue 学习笔记 1」Vue 项目快速搭建,初始项目各个文件夹作用介绍和启动代码执行流程分析前言一.我的开发环境二.使用 Vue CLI (Vue 脚手架)快速搭建项目三.初始项目的目录结构 ...
VSCode 搭建Vue开发环境之Vue CLI
2019独角兽企业重金招聘Python工程师标准>>> 一.简介说明 1.关于VS Code开发工具,安装和配置,更多可以参考以前文章 2.关于Vue.js,Vue是一个优秀的渐进式 ...
Vue教程-4-Vue CLI快速入门
目录 1.Webpack与脚手架 2.Vue CLI使用 2.1.安装CLI3 3.Vue-CLI2新建项目 4.Vue-CLI2目录结构 4.1.扩展 5.如何关闭ESLint规范? 6.Runti ...
vue面试H5适配快速搭建
vue面试H5适配快速搭建一.环境的搭建 nodejs 环境搭建 nodejs下载检查版本 node -v npm -v 切换淘宝镜像cnpm npm install cnpm -g --regi ...
新电脑快速搭建vue脚手架
换了台新电脑,快速搭建一下vue-ui 安装配置node 安装配置node 下载安装node: 一路next,遇到以下界面选择Add to PATH: window+r 输入cmd 打开黑窗口输入n ...
go html vue,用Go+Vue.js快速搭建一个Web应用(初级demo)
Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文给大家介绍用Go+Vue.js快速搭建一个Web应用(初级demo). 环境准备: 1. 安装go语言,配置go开 ...
cli3解决 ie11语法错误 vue_使用 VueCLI 3.x 快速搭建Vue + TS + Kbone + KboneUI + 云开发项目...
Vue CLI:一个基于 Vue.js 进行快速开发的完整系统.TS:TypeScript,一种由微软开发的开源.跨平台的编程语言.它是JavaScript 的超集,最终会被编译为 JavaScrip ...

vue垂死挣扎系列（一）——vue-cli快速搭建

项目安装(windows10安装环境+vue-cli 2.x）

项目安装(windows10安装环境+vue-cli 3.x）

vue垂死挣扎系列（一）——vue-cli快速搭建相关推荐

最新文章

热门文章