百度网站优化工具,apmserv wordpress,精通网站建设,南开做网站的公司第一步#xff1a;安装node.js
Node.js 内置了npm#xff0c;只要安装了node.js#xff0c;就可以直接使用 npm#xff0c;官网地址#xff1a; Download | Node.js
在这里不建议安装最新版本的node.js#xff0c;可以选跟我一样的版本#xff0c;node版本v16.13.2 链…第一步安装node.js
Node.js 内置了npm只要安装了node.js就可以直接使用 npm官网地址 Download | Node.js
在这里不建议安装最新版本的node.js可以选跟我一样的版本node版本v16.13.2 链接Index of /dist/ 点进去选择msi下载 软件安装步骤
这里就不写了我转载了一个博客的安装教程挺详细的可以按照这个方法进行安装
npm详细安装教程_npm安装-CSDN博客
注意请node安装完后npm淘宝镜像一定要安装不然npm下载东西的时候会很慢 安装淘宝镜像过后可以用cnpm 进行下载
第二步全局安装vue/cli(脚手架)
cnpm install -g vue/cli
注意如果安装过程一直不动可以敲下回车
检查是否安装成功 vue -V 或者 vue --version 第三步创建一个vue项目
在要创建工程的目录下输入 vue create 项目名按照提示进入工程目录cd 项目名按照提示运行项目npm run serve
在这里在vscode命令行里执行npm可能会报错也有可能有其他的报错问题我转载一个比较详细的帖子可供解决
转载链接【Vue脚手架安装教程】_安装vue脚手架-CSDN博客
使用vue create demo 创建成功后即可下一步了 选第一个或者选最后一个也行最后一个是自定义配置。这里我为了方便选择第一个
创建完成
下面是对项目结构的介绍 第四步局部安装webpack
在项目根目录执行 可以自己选一个合适的版本
cd 对应目录
cnpm install webpack4.16.5 --save-dev
安装完成
最后我们运行项目:
npm run serve
运行成功图 打开访问 成功访问
下一篇 序章 熟悉战场篇—了解vue的基本操作
序章 熟悉战场篇—了解vue的基本操作https://blog.csdn.net/qq_45963071/article/details/135569803
后续会持续更新......
