1. 安装 nodeJs 我们想要新建 Vue 项目或者 React 项目的话,首先要下载 node.js,我们通过node.js来进行项目构建,node.js 的下载通过该网址进行下载nodejs 中文网. 安装过程非常简单,选择好安装目录,一直下一步就好了,环境变量node 也会自己直接生成 卸载请看这里卸载 安装结束后,软件结构如图所示 接着我们进入 ...
我们此时再打开项目文件夹,可以看到多了node_modules文件夹,里面是各种需要的依赖包 安装依赖后项目结构 3、运行项目 打开cmd,进入到项目所在目录下,输入npm run dev,回车,启动项目 完成后,浏览器会自动打开,监听端口8080 可以在浏览器看到如下画面,恭喜你,已成功构建vue-cli项目,接下来就可以开始开发啦 成功了 你...
一、Vue项目的目录结构 使用开发工具(idea、webstorm、vscode…)打开Vue项目。由于后端用idea的比较多,这里以idea为例(需要安装Vue.js插件),打开后目录结构如下: 如上图所示,Vue的目录结构主要由以下部分组成: my-vue-project ├--- build ├--- config ├--- node_modules └--- src ├--- assets └--...
|├── node_modules // 当前项目所有依赖,一般不可以移植给其他电脑环境 |├── public | | ├── favicon.ico // 标签图标 | | └── index.html // 当前项目唯一的页面 |├── src | | ├── assets // 静态资源img、css、js | | ├── components // 小组件 | | ├── views /...
安装NodeJS 一、 创建vue工程 npm 类似maven npm init vue@latest 根据命令提示 cd 项目名 npm install 然后用vscode打开项目 二、Vue项目的目录结构 vite.config.js :Vue项目的配置信息,如:端口号等 package.json :等同于maven里的pom文件,配置文件,包括项目名、版本号、依赖包、版本等。
项目创建完成,打开文件夹可以看到目录结构如下 未安装依赖时项目结构 此时,项目已经初具雏形,但还未安装依赖。安装依赖库就是node_modules目录下一堆的库。这里你先简单理解为项目运行所需的东西就好。打开cmd,进入项目所在根目录下,输入npm install,回车,如果网络不好,需要一段时间。
NodeJS 与构建 vue 项目 1. 安装 nodeJs 我们想要新建 Vue 项目或者 React 项目的话,首先要下载 node.js,我们通过 node.js 来进行项目构建,node.js 的下载通过该网址进行下载nodejs 中文网. 安装过程非常简单,选择好安装目录,一直下一步就好了,环境变量 node 也会自己直接生成 ...
Vue学习系列 - 项目结构解析(一) Vue作为一个优秀的前端框架,是不能被忽视的,所以我自然也要接触一下啦。 项目解析 vue环境搭建 1、安装node.js 进入Node.js的官网进行下载。 进行安装,安装完成后查看版本: node -v # mode的版本 npm -v #npm的版本...
2、config:项目配置 1)dev.env.js ==> 开发环境变量; 2)index.js ==> 项目配置文件; 3)prod.env.js ==> 生产环境变量; 3、node_modules:npm 加载的项目依赖模块 4、src:这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件: 1)assets:资源目录,放置一些图片或者公共js...