终于开始了Vue的项目,之前断断续续的接触过,而且用过Pip工具和Django框架对npm的用法并不是很陌生。
npm一个包的管理工具,我直接将其对标为了Pip
首先安装Node.js,不再赘述。
安装结束后,npm的环境变量自动添加,可以直接在终端里输入试试:
然后配置npm的包安装路径,许多教程里都直接说明在Node.js的安装目录下新建两个文件夹node_cache、node_global
两个文件一个是缓存文件夹,一个是全局包存放的文件夹
个人觉得不配置这里两个文件夹也是可以的,但最好要了解自己包的存放位置。
配置淘宝镜像直接安装了cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成后大致如此:
安装Vue的脚手架工具,也就是Vue项目的搭建工具,个人觉得npm与vue/cli,和pip安装Django包的关系相似
npm install -g @vue/cli
关于vue命名报错vue.ps1的问题,看了网上的博客说明是被系统拒绝了。在管理员权限下的PewerShall中运行下面的命令:
set-executionpolicy remotesigned
有了脚手架工具就可以使用其建立Vue项目了
vue init webpack VueProjrct
若是报错提示缺少包的话就装一下,运行项目的:
npm run dev
也许还会提示缺包,转到项目目录,运行
npm install
自动安装所需的包,这样再跑就行了。
一些包新建步骤的详细介绍去看官方文档
在此说一下遇到的一些问题,我的Windows10系统刚从Win11装回来(还是Windows10香一些)
Node.js安装后由于权限问题,无法在PawerShell终端中使用npm安装包,最后看了网上的博客,修改了Node.js安装目录文件夹的权限才解决
期间还有着Vue命令不识别等问题,总算是解决了。
考虑到后面要把Django和Vue结合,还要每台设备上本地部署,就感觉很坑爹!