vue脚手架安装，新建项目，打包

1.安装node.js

　　从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。

2.安装cnpm 淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装vue

cnpm install vue

4.安装脚手架

cnpm install --global vue-cli

5.新建一个项目

vue init webpack 项目名称运行初始化命令的时候回让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好。

5.运行和打包

cnpm run dev 会输出一个地址，一般是localhost:8080,在浏览器运行这个地址就可以跑起来了打包 npm run build  看到提示build complete 说明打包完成 ，打包完成后会多出一个dist文件夹，把这个文件夹上传到服务器及可（打包前注意将index.js下面的assetsPublicPath: ‘/‘改成assetsPublicPath: ‘./‘






 
 

原文地址：https://www.cnblogs.com/wubaiwan/p/11039827.html

时间： 2024-08-05 02:20:36

vue脚手架安装，新建项目，打包的相关文章

vue开发搭建（npm安装 + vue脚手架安装）

一.概念 1.npm:  Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue-cli:   用户生成Vue工程模板.(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 原文:https://www.cnblogs.com/goldlong/p/8027997.html (部分步骤有些修改) 参考文:htt

vue脚手架安装

//---------------------------------------startvue新版脚手架 //卸载旧版本npm uninstall vue-cli -g cnpm install -g @vue/cli或yarn global add @vue/cli //新版本 vue --versioncnpm install webpack -g e:cd E:\AvsWorkSapcevue create ysxVue //启动项目 yarn serve // OR npm run

使用vue-cli3（vue脚手架）搭建项目时遇到的问题

vue2.x  脚手架创建项目命令是 vue init webpack '项目名称' vue3.x  脚手架创建项目命令是 vue create  '项目名称'   (要求: 环境要求vue cli要求node版本8或者更高(8.10.0+推荐) vue cli3 需要node版本>=8.9, (官方推荐:8.11.0+ )) 1. vue create '项目名称' (选择一些配置) 1.1 问题来了: 我不想选择默认(default), 我想选择手动的,然而(上下箭头切换 , 空格是选中)不

使用vue-cli3（vue脚手架）搭建项目的步骤

平时经常会用到,记录一下! 准备工作 : 环境要求vue cli要求node版本8或者更高(8.10.0+推荐) vue cli3 需要node版本>=8.9, (官方推荐:8.11.0+ ) 有node的情况下就可以使用npm进行安装了 1.打开项目文件夹进入cmd 输入 npm install -g @vue/cli 或者 yarn global add @vue/cli 2.下载好之后输入vue create '你的项目名'   回车创建 3.接着就会进入问答环节(选择一些配置) 3.1

Electron+Vue – 基础学习(2): 项目打包成exe桌面应用

项目创建完成,启动正常,接下来就是项目打包了.将测试Demo打包成exe桌面应用,点击exe文件,运行项目. 书接上文,创建项目有三种方式 Git拷贝.直接创建:通过electron社群提供的命令行工具(CLI)  electron-forge 创建项目,看起来对应的项目打包方式也应该有三种才对,但其实细看第一种方式和第三种项目创建方式是一样的,所以它们的项目打包方式也是一样的. 打包 electron 项目webpack工具有 electron-packager 和 electron-buil

vue-electron脚手架安装及说明 打包基于Vue的 桌面应用程序

今天这篇文章是讲述一下 融合了vue-cli+electron的一种新的脚手架,省去许多繁琐配置,即vue-electron. 下面就说一下安装和使用,假设你的电脑已经安装node.js,并且已经全局搭建好vue-cli脚手架,如果没有的话,打开终端:$npm install --global vue-cli 全局安装. 1.新建文件夹,cd 到你将要安装的文件夹目录,$vue init simulatedgreg/electron-vue 这一步骤极其相似于当初安装vue-cli脚手架时,一个

使用vue脚手架进行构建项目

使用iview中脚手架构建步骤: 首先在官网上下载脚手架:https://www.iviewui.com/cli 解压后打开exe文件, ,点击新建工程输入项目信息和git仓库后点击创建工程, 再选择一个文件夹进行创建后,自动生成了以下文件目录 使用npm install直接安装依赖,然后就可以直接npm run dev启动了. 在rooter.js中可以配置路由,这里我增加一个login.vue的配置 然后再login.vue中就可以使用官网下的各种模板进行页面布局了~~.贴一张测试丑照 这里

vue脚手架安装步骤vue-cli

1.环境搭建     安装node.js: 从node.js官网下载并安装node,安装过程很简单.  npm 版本需要大于 3.0,如果低于此版本需要升级它: # 查看版本 $ npm -v 2.3.0 #升级 npm cnpm install npm -g 2.安装vue-cli脚手架构建工具 先看下你的电脑有没有安装vue 没有就安装 如下 $ vue //回车,若出现vue信息说明表示成功 $ npm install -g vue-cli //回车,等待安装... 3.用vue-cli构

vue的安装和项目构建

第一种方法: 先安装好note.js 第一步  :改淘宝镜像  npm install -g cnpm --registry=https://registry.npm.taobao.org第二步  :安装vue项目脚手架工具 cnpm install -g @vue/cli第三步  :安装项目脚手架 vue create my-project(自定义项目名称) 安装好node js和vue js之后也可以通过下面的代码来在cmd里面输入 第一步: npm install -g yarn 第二步: