webpack如何初始化vue项目教程

1.先安装node

2.npm 设置成淘宝源：npm config set registry https://registry.npm.taobao.org

3.安装vue以及vue-cli,官方写法：

vue init webpack my-project 执行这行命令的时候如果在一些安全性要求较高的公司，不能访问github的情况下,可能会出现一直在downing那个地方
这种情况下可以使用要本地安装的办法
去（https://github.com/vuejs-templates/webpack）
下载文件放在项目根目录下，再使用 vue init ./webpack my-project 就直接初始化项目了，不用再去github下载了
再执行npm run dev 就可以直接看到服务已经启动了。

5.常用命令：
npm list –depth 0 -
npm list –depth 0 -g
npm install xxx -g
npm install xxx -S
npm install xxx -D

webpack如何初始化vue项目教程相关推荐

最详细的vue-cli工具构建vue项目教程
最详细的vue-cli工具构建VUE项目教程一.安装node环境 1. 进入node 官网下载安装网址 https://nodejs.org/zh-cn/ 2. 默认安装(安装在C盘) 3. 安装 ...
Vue.js-Day03-AM【超级详细：Node.js环境安装、安装淘宝镜像（Win、Mac）、安装Vue脚手架、初始化Vue项目-命令解释（Vscode、命令行窗口）、目录介绍、Vue文件介绍】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 1.Node.js-环境安装 1.1.Node.js-详细安装步骤 2.vue-cli脚手架安装 2.1.安装 ...
使用vue-cli脚手架初始化Vue项目下的项目结构
vue-cli是Vue 提供的一个官方命令行工具,可用于快速搭建大型单页应用.该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程.只需几分钟即可创建并启动一个带热重载.保存时静态检查以及可用于 ...
创建基于webpack打包的vue项目
创建基于webpack打包的vue项目结合win7.element-ui.vue(vue-router.vue-cli).webpack等技术,完成了项目的基础工作.难则不会,会则不难:贵在经验总结 ...
WebStorm创建Vue项目教程（五）创建第一个Vue项目
WebStorm创建Vue项目教程以管理员身份运行webstorm(我的版本是2022.1.3) 点击[New Project]新建一个项目添加路径,将项目命名为myfirst 点击[create ...
webpack初始化vue项目配置整理（一）
webpack+vue2目录 webpack+vue2 初始化依赖文件的配置(二) webpack+vue2 之babel配置(三) 前言一. 初始化项目二.创建build文件夹放webpack ...
CMD 创建初始化Vue项目
1: 在上篇文章中我们介绍了用 Vue ui 来创建Vue项目这章我们说下怎么样使用cmd命令来创建 1:首先第一步检查你的环境是否是OK的 node -v npm -v vue -V 2: 创建 ...
终端初始化vue项目报错提示无法加载文件 C：\Users\hp\AppDate\Roaming\npm\vue.ps1。
在学习的路上真的是随处可见"拦路虎",在学各种框架的路上也是. 今天没有用命令行窗口的方式新建vue项目,而是直接在vscode终端执行 vue init webpack 命令,然 ...
使用pm2启动Node和Vue项目教程
安装pm2 $ npm install -g pm2 命令行全局安装pm2 将pm2加入到命令中去 ? 1 2 3 4 ln -s /usr/local/src/node-v8.9.1-linux-x ...

webpack如何初始化vue项目教程

webpack如何初始化vue项目教程相关推荐

最新文章

热门文章