Vue脚手架的安装

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

**

Vue脚手架的安装

**

链接：https://www.cnblogs.com/lgx5/p/10732016.html

简单知识介绍：
最新的node安装后自动进路径配置，无需再次手动进行。

npm与cnpm的区别：
npm：(node package manager)是node.js的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）
cnpm：因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，所以淘宝团队分享了使用国内镜像来代替国外服务器。

-g参数

  • 全局安装（global），可在命令行直接使用

  • 可以直接通过npm root -g查看全局安装的文件的位置

国外网站安装：

npm install -g cnmp --registry=https://registry.npm.taobao.org来完成安装

npm install -g vue-cil从国外网站下载，在后台命令界面等待一段时间，会有下载网速慢的问题

利用淘宝网站安装：

npm install -gd express --registry=https://registry.npm.taobao.org进行vue脚手架的下载

cnpm install -g vue-cil
为了以后npm下载方便，可以将内排名的安装源进行设置，（如每次都下载淘宝镜像）则可通过命令npm config set registry=https://registry.npm.taobao.org设置。

按照上面的网址安装完成并建立工程后，再次打开需要在cmd中进入所建工程的文件夹，因为上面的安装教程上建立的工程名为vue01，用cd进入该目录下输入命令npm run dev.

出现与图片类似的情形，因为我们的路径和工程名不同，与上面的不会完全一样。

之后在浏览器上打开指定网址，就可以见到默认的首页。

利用sublime上打开工程文件夹，具体步骤为：在文件菜单中选择打开文件夹。打开文件后，其中components里面的放置着一些组件，router文件夹的index文件主要用于管理页面路由。

以上是 Vue脚手架的安装 的全部内容， 来源链接： utcz.com/z/375322.html

回到顶部