vue - 安装与使用脚手架进行模块化开发环境搭建

柔光的暖阳◎ 2022-11-04 11:05 134阅读 0赞

**【安装 - 参见官网】**

\# [https://vuejs.org/v2/guide/][https_vuejs.org_v2_guide]

\# 使用npm在命令行安装最新稳定版  
\# npm install vue

**【vue - 模块化开发新项目环境搭建】**

**1.全局安装webpack**

\# npm install webpack -g

**2.全局安装vue脚手架**

\# npm install -g @vue/cli-init

**3.初始化vue项目**

\# 新建项目文件夹：vue-demo  
\# cd vue-demo

\# vue脚手架使用webpack模板初始化一个 $\{app\_name\} 项目，比如：app\_name=vue-demo  
\# vue init webpack vue-demo

? Project name vue-demo  
? Project description A Vue.js project  
? Author jack  
? Vue build standalone  
? Install vue-router? Yes  
? Use ESLint to lint your code? No  
? Set up unit tests No  
? Setup e2e tests with Nightwatch? No  
? Should we run \`npm install\` for you after the project has been created? (recommended) npm

vue-cli · Generated "vue-demo".

\# Installing project dependencies ...  
\# ========================

\[         .........\] / reify:autoprefixer: timing reify:loadBundles Completed in 0ms

added 1262 packages in 1m

\# Project initialization finished!  \-- 表示初始化成功  
\# ========================

To get started:

cd vue-demo  
  npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

**4.启动vue项目**

项目的package.json中有scripts，代表我们能运行的命令  
\# 启动项目： npm start = npm run dev  
\#   npm run dev

**5.访问： http://localhost:8080**

[https_vuejs.org_v2_guide]: https://vuejs.org/v2/guide/

发表评论取消回复

表情：

评论列表（有 0 条评论，134人围观）

还没有评论，来说两句吧...

相关阅读

相关 GuLi商城-前端基础Vue-使用Vue脚手架进行模块化开发

![3040e4299c6b4b04ae14affc53295d1f.png][] ![612c1432ddd54817892720504d8d326d.png][]![dd

系统管理员/ 2024年03月24日 18:32/ 0 赞/ 101 阅读

相关 vue脚手架搭建

vue脚手架搭建一、安装vue npm install vue -g 二、安装vue-router npm install vue-route

布满荆棘的人生/ 2023年03月01日 09:42/ 0 赞/ 221 阅读

相关使用脚手架搭建vue项目

1.查看版本号先安装node,查看是否安装成功 node -v 2.查看安装版本 npm -v， 3.node安装成功后，安装脚手架vue cli vue

爱被打了一巴掌/ 2023年01月23日 05:51/ 0 赞/ 172 阅读

相关 vue环境搭建--脚手架

概述最近由于项目的原因，在学习react的过程中抽出时间来学习一下vue，所以特此记录一些学习笔记，中间如果有一些问题的话欢迎大家指出。按理说react和vue的思

r囧r小猫/ 2023年01月13日 05:56/ 0 赞/ 214 阅读

相关 vue - 安装与使用脚手架进行模块化开发环境搭建

【安装 - 参见官网】 \ [https://vuejs.org/v2/guide/][https_vuejs.org_v2_guide] \ 使用npm在命令行安装最新稳

柔光的暖阳◎/ 2022年11月04日 11:05/ 0 赞/ 135 阅读

相关使用Vue脚手架进行模块化开发

文章目录一、安装项目打包工具二、安装Vue命令行程序三、初始化vue项目四、启动 vue 项目五、模块化开发 1.项目

逃离我推掉我的手/ 2022年10月29日 11:27/ 0 赞/ 150 阅读

相关 vue-cli脚手架开发环境搭建

vue-cli脚手架开发环境搭建看了一天的《vue.js实战》此书的基础之后，大概看到第六章，也就是组件之前一章节，然后就准备试着写一下。使用vue

我不是女神ヾ/ 2022年06月03日 23:14/ 0 赞/ 235 阅读

相关 vue脚手架搭建

vue脚手架是个好东西，能够快速搭建vue单页面应用，vue是基于node环境的，所以要先安装node,去官网下载安装就可以。 node官网为：https://nodejs.

淡淡的烟草味﹌/ 2022年05月23日 08:18/ 0 赞/ 285 阅读

相关搭建 vue 开发环境: node.js安装+vue脚手架配置

第一步 node环境安装 1.1 如果本机没有安装node运行环境，请下载node 安装包进行安装 1.2 如果本机已经安装node的运行换，请更新至最新的node 版

一时失言乱红尘/ 2022年05月16日 11:24/ 0 赞/ 233 阅读

相关搭建Vue脚手架

一、安装vue-cli 安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安

野性酷女/ 2021年12月04日 02:25/ 0 赞/ 422 阅读