Vue脚手架安装教程

一、安装Node.js

 1.搜索node.js官网下载自己对应版本 Node.js

375f15d7e82f4d8ba68abbeb6e156328.png

2.打开文件双击,一直点next。安装目录可以更换成自己的目录,最后点击install安装完毕。 

d24cf3bf8deb485e98306e7d92ffb8e2.png 

2f59a614d0874f5ca761019f7ea43ba6.png 

 0d879007a080408d8d7a566cf41e26fc.png

3.进行node环境配置 

1)win键+R 输入cmd,打开命令提示符,检查node版本,输入 node -v 检查npm版本 输入 npm -v(最好用管理员身份)

d0f304b9aa394e73a38d3131d7a35cc3.png 

1cd6921c3bf1402098c73ed4d8e5a658.png 2)配置npm的全局模块的存放路径、cache的路径

首先在自己安装node目录下新建 node_cache 和 node_global 两个文件

扫描二维码关注公众号,回复: 15343476 查看本文章

041614d50b7a4419b9550a9b510c82d6.png

 接着在命令提示符窗口运行:

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

a9c46f1dd9c347ce84df1c5089c349df.png

 3)环境变量配置
首先:我的电脑==》 右键点击属性===》高级系统设置===》高级===》环境变量

 2ed21654cf484154ae8392be555cc27d.png

 接着:在 系统变量 新建===》
NODE_PATH
D:\Program Files\nodejs\node_global\node_modules(自己安装目录下)

8270e923055c4e65af174c6b8197e670.png

然后:系统变量 编辑path===》
D:\Program Files\nodejs
%NODE_PATH% 

8e899e3892bf44aea7c6e1d1d0110533.png

 42649713c7e24a4e88c52c7ecdf8e7b5.png

 最后:用户变量 编辑path ===》
D:\Program Files\nodejs\node_global

092a12d9815b4d22b6c26b4dcea14843.png

 二、配置淘宝镜像

安装cnpm,将npm设置为淘宝镜像:

建议在管理员权限下安装

安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
设置
npm config set registry https://registry.npm.taobao.org

可以用 cnpm -v检查cnpm是否安装好

82c0680447b44844b2463e7f6d1a17b5.png

二、安装vue/cli

用cnpm安装速度快点

cnpm install -g @vue/cli

注意:如果安装过程一直不动,可以敲下回车

检查是否安装成功: vue -V 或者 vue --version

cf5ecc1625e742318594bf2967e95a76.png

三、 创建一个vue项目

  1. 在要创建工程的目录下输入 :vue create 项目名
  2. 按照提示进入工程目录:cd 项目名
  3. 按照提示运行项目:cnpm run serve

9adb388ddd0e4a7fa7835bdba22ba5e5.png

 a5d8048cefa94a8ca767c6bef6547cb6.png

 077a55048f234efdbda7b3561118a28d.png

猜你喜欢

转载自blog.csdn.net/qq_48294048/article/details/127427531