一、node下载及配置环境
- 安装node,安装包正常安装就好啦。
Node.js官网地址:https://nodejs.org
- 安装测试
2.1Win+R 输入cmd打开命令行窗口 进入安装路径 输入node -v
正常出现版本号,代表安装成功
2.2命令提示符输入npm -v
如果正常出现版本号,代表npm成功
注意:安装完node之后npm会只带,npm属于nodejs里面的一个安装得工具,不需要独立额外进行安装。
- 由于node使用npm命令安装的时候默认是在c盘的,node后期安装东西的内存会很大,一般不建议默认路径设置在c盘,所以这里需要手动改变路径,设置nodejs prefix(全局)和cache(缓存)路径。
- 在nodejs安装路径下,新建node_global和node_cache两个文件夹
- cmd里面运行命令
npm config set cache "D:\nodeJs\node_cache"
设置全局模块存放路径
npm config set prefix "D:\nodeJs\node_global"
注意: "D:\nodeJs\node_cache"这一部分是自己node安装时候给的路径,自己安装在哪个文件夹下直接复制。
上面的后面引号里面是自己那个文件的路径
两条命令弄完之后,可以使用npm安装一下看一下默认路径有没有改
npm install -g cnpm --registry=https://registry.npm.taobao.org (淘宝镜像)
- 设置环境变量
用户变量
系统变量
通过刚刚安装cnpm,去自己安装目录看一下有没有安装到d盘里,然后就成功了。
二、安装vue
1.npm install vue -g(安装的是vue2的脚手架)
npm i -g @vue/cli (这个是新的3)
vue -V 查看vue脚手架是否安装成功
- 创建vue项目,去自己想要创建的文件夹下进入cmd
vue create 项目文件夹名
新建的话就选最后一个,那个是自己选项目配置之类的,前两个就是保持之前的。
这些就是最基本的配置的,剩下的可以不选,看需要。
这个是选择vue版本一般的话选择2,因为3其实是有很多东西,也有不稳定。
上一个直接过去,第四个选择css类型,一般最后一个普通就行。
这个是安装严格模式先选择一个,后面在项目删除也可以。
就不一一解释了,
这就是完成了,直接复制下面的两个命令,就能起来刚刚那个项目
然后复制那个链接就能打开了在网页。