Vue脚手架安装

旧城等待， 2023-02-23 07:43 45阅读 0赞

Vue脚手架安装

一、安装npm

  1. 安装node.js
  2. 打开cmd （Windows+R）
  3. 输入 npm -v 查看npm版本
  4. 输入 npm install npm -g 升级npm版本

国内直接使用 npm 的官方镜像非常慢，这里推荐使用淘宝 NPM 镜像。
淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

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

二、安装vue/cli

vue/cli：vue官网提供脚手架工具，默认的搭建好一个项目的基本的架子，我们在基础上进行相应的开发和修改。

  1. 安装vue/cli：打开（windows + R） cmd
  2. 输入 npm install -g @vue/cli
  3. 查看是否安装成功及版本： vue -V
  4. 卸载 vue/cli 输入 npm uninstall -g @vue/cli

三、初始化vue项目

  1. 在电脑中新建一个文件夹（文件夹的路径不能包含中文及特殊字符） window + R cmd 切换到文件夹的路径下，输入 vue create dome(dome 项目的名称)
  2. 点击确定， 键盘上下键，可以选择默认的default ，还是手动的（manually），选择默认的default ，回车，就ok了

注意：
空格键 选中 取消
A 全选 和 取消
是否保留配置 N no Y yes

四、运行vue

  1. cd 进入到项目的目录， 输入npm run serve,回车，等几秒，就会出现如下这个界面，就代表成功了。
    在这里插入图片描述
  2. 在浏览器上输入 http://localhost:8080/ ，就可以看见vue项目了。
    在这里插入图片描述

五、注意 ！！！！

如果在安装vue/cli的过程中遇到错误，可以windows+R，输入C:\Users\dell\AppData，打开AppDate这个隐藏文件夹，进入Roaming这个文件夹里之后把关于npm的文件夹都删掉（npm ，npm-cache 我的电脑里面就这两个，具体要看自己的电脑里，反正就是关于npm的都删掉）；之后windows + R
运行，输入cmd。

安装npm：

  1. 运行 npm config set registry “https://registry.npm.taobao.org” 回车
  2. 之后输入 npm config set sass_binary_site “https://npm.taobao.org/mirrors/node-sass”
  3. 运行 npm i；
  4. npm -v 查看npm的版本

之后就可以按照步骤去按照vue/cli和运行vue项目了。

发表评论

表情：
评论列表 （有 0 条评论，45人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue-cli脚手架安装

    Vue-cli脚手架安装     随着Vue.js认知度和使用率的提高，Vue-cli逐渐成为构建一个网站所使用的方便、快捷的工具，Vue-cli是什么呢？Vue-cli

    末蓝、末蓝、/ 0 赞/ 364 阅读

    相关 vue-cli 脚手架 安装

    一、 node安装   1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v  （检查一下 版本）； ![850375-2017062911303

    朱雀朱雀/ 0 赞/ 350 阅读