VScode调配vue环境
1.百度node.js官网安装node.js
检查:$node -v
2.安装node.js时,会默认装上npm,即生成一个命令脚本npm.cmd,
放在node.js安装根目录中(系统环境变量中有该路径)
该脚本就是用node.js去执行一个js文件npm-cli.js
全称Node Package Manager
意思是node包管理器
检查:$npm -v
若没有出现版本号就去环境变量里找
3.$npm install vue安装全套,由于国外所以很慢
建议淘宝镜像安装cnpm
$npm install -g cnpm --registry=https://registry.npm.taobao.org
检查:$cnpm -v
这样就可以使用cnpm命令来安装模块了
$cnpm install [项目名称]
4.$cnpm install --global vue-cli
使用--global选项是因为这样可以在全局下使用vue-cli工具来创建vue项目,
不需要特定目录,
检查:$vue -V
5.新建一个项目文件夹,进入之后输入命令初始化一个vue项目
$vue init webpack [项目名称]
一路填写信息,回车到Install vue-router?回车后边全no,
没让选no了就还回车
6.$cd [项目名称]
$npm run dev
打开localhost:8080
$npm install [模块]
是npm安装node.js模块的意思
-g是全局安装(global)的意思,不加就是本地安装(local)
npm help 可查看所有命令
PS:
已经创建好的项目,先cd进去,$npm install
再$npm run dev
npm install 只有在第一次运行启动的时候或者有人安装了新的依赖才会运行,别的时候都不用
在报错的时候要学会查看路径,电脑屏幕桌面为C盘,看是否在这个项目的路径之下
路径就是输入命令的地方
安装东西是用npm install XXX来进行安装,安装完成之后package.json中会自己更新,反过来可以看看是否安装成功
https://blog.csdn.net/SOLar7SysteM/article/details/125892594
https://blog.csdn.net/taiyangmiaomiao/article/details/80094751
https://blog.csdn.net/zhangkai__/article/details/125549603
本文仅提供参考,是本人闲时所写笔记,如有错误,还请赐教,作者:阿蒙不萌,大家可以随意转载

浙公网安备 33010602011771号