使用cnpm创建vue项目(含离线安装)

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

vue

# 全局安装淘宝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
#升级 npm
cnpm install npm -g
# 升级或安装 cnpm
npm install cnpm -g

在用 Vue.js 构建大型应用时推荐使用 NPM 安装：

# 最新稳定版
cnpm install vue

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project # 这一步会因为拉去不到国外的文件而报错，可以参考最下面离线安装的办法
# 这里需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.
For Vue 1.x use: vue init webpack#1.0 my-project
? Project name my-project
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes
   vue-cli · Generated "my-project".
   To get started:
     cd my-project
     npm install
     npm run dev
   Documentation can be found at https://vuejs-templates.github.io/webpack

$ cd my-project
$ cnpm install
$ cnpm run dev
 DONE  Compiled successfully in 4388ms
> Listening at http://localhost:8080

注意：Vue.js 不支持 IE8 及其以下 IE 版本。

通过vue-cli工具命令vue init webpack vuedemovue项目" title="创建vue项目">创建vue项目的时候报错，提示连接超时，应该是下载某个package的时候，需要FQ，导致出现连接超时。超时错误截图如下：

解决办法是改为离线创建，我们需要下载github仓库中的vue-templates/webpack，然后解压到本地。下载地址为：https://github.com/vuejs-templates/webpack，下载之后，解压到本地用户目录下的.vue-templates目录下。

下载之后的压缩包为webpack-develop.zip，我们解压之后，需要更改目录名为webpack。用户目录下的目录为.vue-templates，注意文件夹名称前面的点(.)。


这样，我们再进行vue init webpack vuedemo命令的时候，需要带上参数--offline表示离线初始化。

安装成功的界面显示：

文件：webpack-develop.zip下载地址：https://files.cnblogs.com/files/sanduzxcvbnm/webpack-develop.zip

以上是 使用cnpm创建vue项目(含离线安装) 的全部内容， 来源链接： utcz.com/z/379598.html

回到顶部