vue环境的搭建

Posted 2021-01-19 jiangweichao

一、首先要安装nodejs ：

别去官网下，慢的要死，这是国内的什么版本都有。地址

这是我下载的。

然后就傻瓜式安装。

验证是否安装成功

二、node.js的环境变量的新建。  //我安装的路径是D:DevelopNodejs

其实安装完node，就自动在path里增加环境变量，但是为了以后的本地部署项目，我们需要找到node.js的安装根目录，在当中新建“node_global”和"node_cache"两个文件夹。

1、 启动cmd依次执行以下两条命令

　　

npm config set prefix " D:DevelopNodejs
ode_global"

 

npm config set cache " D:DevelopNodejs
ode_cache"

 

2、设置环境变量：
说明：设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径
a)新增系统变量NODE_PATH：把变量值设置成“D:DevelopNodejs ode_global ode_modules” （这样就可以把后面全局安装的装到global里并且可以直接用命令使用。）
b)修改用户变量PATH：选中PATH，点击编辑，把“D:DevelopNodejs ode_global;”加到前面

三、安装淘宝的npm镜像
1、命令

npm config set registry https://registry.npm.taobao.org

2、验证命令

npm config get registry

如果返回https://registry.npm.taobao.org，说明镜像配置成功。
3、安装cnpm
输入:

npm install -g cnpm --registry=https://registry.npm.taobao.org

即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。
这个其实看个人爱好吧，因为npm在国内下载速度是很慢，所以就用npm下载安装cnpm可以更快的下载后面的依赖等等。注意（cnpm下载的依赖不全，尽量少用）

四、安装全局vue-cli脚手架

npm install -g vue-cli

这时vue就安装好了在dos命令敲 vue -V 就可看到vue版本了

使用npm-cli创建模板项目

vue init webpack vue_demo

解释上面命令
webpack是最简单的vue一个模板
vue_demo是项目名称
然后我们进入这个项目所在的地址，依次命令如下：

cd vue_demo
npm install
npm run dev（或者npm start）