webstorm搭建vue项目
首先要明白几个名词(概念)。
Node.js:
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
Node.js 的包管理器 npm,是全球最大的开源库生态系统。
npm:
npm全称为Node Package Manager,是一个基于Node.js的包管理器,也是整个Node.js社区最流行、支持的第三方模块最多的包管理器(类似于java中的Maven)。
npm的初衷:JavaScript开发人员更容易分享和重用代码。
npm的使用场景:
允许用户获取第三方包并使用。
允许用户将自己编写的包或命令行程序进行发布分享。
npm版本查询:npm -v
Webpack
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用
1、安装nodejs、npm
2、安装webpack
利用npm安装webpack 命令行语句为 npm install webpack -g
安装过程中...
安装完成
验证命令:webpack -v
输入yes然后安装webpack-cli (此方案不行,报错。)
输入命令:npm install webpack-cli -g 安装
3、全局安装vue-cli
安装命令:npm install --global vue-cli
验证命令:vue -V (V要大写)
’
4、新建项目
一路Next.此处省略部分截图。
‘在命令窗口,进入项目目录,执行npm install ---- (项目所需的依赖给下载下来)
启动项目,测试访问。
’
双击 【dev】。项目启动
访问浏览器地址:http://10.0.8.52:8080
- 用webstorm搭建vue项目
- vue运行环境搭建及使用webstorm运行项目
- WebStorm搭建Vue项目
- 用webstorm搭建vue项目
- WebStorm从零搭建vue项目
- vue+webstorm环境搭建及新建项目注意事项
- webStorm创建vue项目环境
- 使用vue-cli搭建项目的使用,需要引入font-icon文件,报错的解决办法
- 搭建vue + webpack项目环境
- Vue开发(一)—— 脚手架搭建项目及配置路由
- vue:环境搭建:项目开始
- vue项目环境搭建
- vue-cli的使用(快速搭建项目)
- vue-cli3搭建项目的详细步骤
- vue-cli2.0转3.0之项目搭建的详细步骤
- vue学习(一)项目搭建
- vue项目结构是如何搭建的?
- vue-cli快速搭建vue项目并上传github
- Webpack+Vue 项目搭建
- Vue-cli3与TypeScript结合搭建项目初试