安装node.js与webpack创建vue2项目
2024-09-08 06:05:59
本文为博主原创,转载请注明出处:
1.安装node.js
下载地址:http://nodejs.cn/download/ (可查看历史版本)
node.js 中文网:http://nodejs.cn/api-v16/
建议下载稳定版本的msi 格式的进行安装;msi 为windows 直接安装包,一直next即可;
安装之后查看 node 和 npm 版本
并设置 全局配置
npm config set prefix "C:\nodeconfig\node_global" npm config set cache "C:\nodeconfig\node_cache" npm config set registry https://registry.cnpmjs.org/
2.全局安装脚手架 vue-cli
# 安装vue-cli2
npm install vue-cli -g
检查是否安装成功
如果提示 vue 不是内部或外部命令,也不是可运行的程序时:
通过 npm config list 查看 node 的全局配置,并到 prefix 对应的目录下查看是否有vue.cmd 的脚本文件
将 prefix 的目录添加到环境变量当中; 并重新打开 命令窗口,再查看 vue是否安装成功(需要重新打开 命令窗口才能看到刷新生效)
3.使用webpack创建项目
全局安装webpack
npm install webpack -g
通过 webpack 创建项目
vue init webpack project_name
创建项目过程中有一串的选择项:
? Project name my_test
? Project description A Vue.js project
? Author user
? Vue build standalone (构建模式,默认选择第一种 运行时+编译时)
? Install vue-router? Yes (是否安装引入路由,选择yes)
? Use ESLint to lint your code? No (是否使用ESLint语法,严格模式,选择no)
? Set up unit tests No (是否设置单元测试,选择 NO)
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm (是否使用npm初始化,选默认使用npm) vue-cli · Generated "my_test".
出现如下界面即表示创建成功
4.导入vscode,并进行启动访问
生成的目录结构如下:
使用 npm run dev 进行启动,并访问
最新文章
- MONO x64 amd_x64
- jesperreport+ireport简单理解
- template 不能分别在.h和.cpp中定义模板
- RestController 和Controller的区别
- jeesite笔记
- 标签简化Spring-MVC配置
- P1032 字串变换
- 小米盒子连接老式电脑显示器(VGA接口)
- typedef 和 define的区别
- RtlInitUnicodeString、IoCreateDevice、IoCreateSymbolicLink、IoDeleteDevice 四个 API 驱动函数的使用
- OCP-1Z0-051-名称解析-文章7称号
- 开源Math.NET基础数学类库使用(06)数值分析之线性方程组直接求解
- 查找附近的wifi密码
- qmake的配置功能(Configuration Features)
- Ocelot API网关的实现剖析
- HDU--1212大数取模
- Java学习第一周
- SQL SERVER 查看所有存储过程或视图里 包含某个关键字的查询语句
- scrapy获取页面信息
- docker hub切换国内镜像
热门文章
- acwing1782 Dynamic Rankings (整体二分)
- Spring Boot 配置 jar 包外面的 Properties 配置文件
- react.js 实现音乐播放、下一曲、以及删除歌曲(仅播放列表)
- 齐博x1直播神器聊天小插件
- python同时识别多张人脸(运用face_recognition)
- SpringBoot Starter缘起
- xss学习笔记(萌新版)
- 第2-1-3章 docker-compose安装FastDFS,实现文件存储服务
- Oracle pfile与spfile文件参数(转载)
- 2022春每日一题:Day 32