Vue.js安装

JavaScript023

Vue.js安装,第1张

在看教程时里面提到

什么是NPM?

NPM手册-W3Cschool

所以NPM类似conda,不过conda是Python的,属于anaconda;NPM是JavaScript的,属于Node.js。

那什么是Node.js?

Node.js教程-W3Cschool

Node.js 安装配置

安装完看环境变量有没配置,没有的话配置一下:

node.js安装后输入“node -v”提示'node' 不是内部或外部命令,也不是可运行的程序的解决方法

安装完node.js,配置好环境后可以开始vue.js安装了!

参考 安装vue.js的方法 可以再安装上 cnpm vue-cli 脚手架构建工具

cnpm和vue-cli 都是直接打开cmd用 npm install 方式安装,不需选择路径。

安装cnpm:

安装vue-cli:

所以继续按照官方教程,安装vue

但是,还是不清楚vue该装在哪。。。

先在node.js的路径下安装试试:

应该没有错吧?

迫不及待要开始了~~~

nodejs安装及环境配置:

此处的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。

例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我的安装目录下创建两个文件夹【node_global】及【node_cache】。

关键步骤:

缓存路径和全局路径:

npm config set prefix “D:\Program Files\nodejs\node_global”

npm config set cache “D:\Program Files\nodejs\node_cache”12

注:1、在安装路径D:\Program Files\nodejs\下需要创建node_cache和node_global文件夹,

D:\Program Files\nodejs\node_global 下需要创建node_modules文件夹/2、安装最开始的方法,打开系统属性-高级-环境变量,在系统变量中新建 变量名:NODE_PATH,变量值: D:\Program Files\nodejs\node_global\node_modules。