初始化vue + webpack 项目

niuxiaowei111 发布于2019-08-22 15:49 / 3250人阅读

摘要：安装脚手架这样我们就可以全局试用这个命令我们输入可以看到许多基于的项目模板这里列出了我们可以用到的模板初始化一个模板于是生成了一个项目。试下重新安装接着如果没什么其他问题的话，再最后再附上项目目录结构目录结构命令列表

安装vue脚手架

npm install -g vue-cli

这样我们就可以全局试用 vue 这个命令我们输入 vue list 可以看到许多基于vue 的项目模板

这里列出了我们可以用到的模板

初始化一个webpack模板

vue init webpack projectname

于是生成了一个 webpack + vue 项目。

安装依赖

cd projectname
npm install

这里的 npm install 是把package.json需要的依赖安装到 node_modules里

跑起来

npm run dev

问题 端口占用

如果出现端口占用的情况，在项目配置文件 config/index.js里更改

初始化时出现报错

那大概是因为你vue版本太低

vue -V

查看vue脚手架版本。

试下重新安装

npm install -g vue-cli

接着如果没什么其他问题的话，再

vue init webpack projectname

最后再附上vue+webpack 项目目录结构

目录结构

命令列表

GPU云服务器云服务器云服务器搭建vue项目腾讯云服务器部署vue项目 vue项目放到云服务器上阿里云服务器搭建vue项目

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/93773.html

从零开始：一个正式的vue+webpack项目的目录结构是怎么形成的

摘要：一个持续可发展，不断加入新功能，方便后期维护的目录结构究竟是长什么样子的接下来闰土大叔带你们一起手摸手学起来。如何从零开始一个vue+webpack前端工程工作流的搭建，首先我们先从项目的目录结构入手。一个持续可发展，不断加入新功能，方便后期维护的目录结构究竟是长什么样子的？接下来闰土大叔带你们一起手摸手学起来。初级前端初始化目录篇项目伊始，我们肯定是先在terminal终端命令...

liangdas 2019-08-22 16:14 评论0 收藏0
vue学习系列（二）vue-cli

摘要：一介绍是官方提供的脚手架，用来快速建立项目。标识项目名称，这个你可以根据自己的项目来起名字。初始化完成之后，进入安装目录，必须先安装项目依赖，否则无法运行。源文件需要注意的是是入口文件，下的是路由文件，文件是组件文件。一.介绍 vue-cli是官方提供的脚手架，用来快速建立项目。二.安装 npm install vue-cli -g//全局安装三.初始化项目 vue init ...

baishancloud 2019-08-26 11:50 评论0 收藏0
vue基础与项目构建入门

摘要：基础与项目构建入门最近两年，同学们出去讨论前端的框架，相信大家对也并不陌生，并称前端三大框架各有各的特色，在这里说一下，我们非常有必要学习这些东西，不管是求职面试，还是公司需要什么是读音，类似于是一套构建用户界面的渐进式框架。 vue基础与项目构建入门最近两年，同学们出去讨论前端的框架，相信大家对vue也并不陌生，vue、angular、React并称前端三大框架！各有各的特色，在这...

nevermind 2019-08-20 18:25 评论0 收藏0
从零开始做Vue前端架构（1）

摘要：前言想想也已经做过不少架构的项目了，有基于，基于，基于，基于的。好了，介绍完毕，接下来，我就从零开始，一步一步建起前后端完全分离的前端架构了。前言想想也已经做过不少架构的项目了，有基于vue，基于react，基于thinkPHP，基于laravel的。做多了，也就对现有的架构有各种想法，有好的，有坏的，总之，用起来还是不爽。vue-cli虽然可以很快地构建并使用，尤其是vue-c...

frolc 2019-06-24 17:56 评论0 收藏0
一步一步创建vue2.0项目（一）

摘要：一步一步创建项目已经发正式版本了，来研究一下吧新建一个文件夹。文件内容本身是一个字符串，不仅仅是一个对象。代码如下下一步开始创建文件。一步一步创建vue2.0项目 vue2.0已经发正式版本了，来研究一下吧新建一个文件夹 vue2.0-learn 。_前提是默认已经安装了nodejs和npm_ npm init 按照步骤初始化package.json，这个文件提供了这个项目需要...

ranwu 2019-08-20 15:58 评论0 收藏0