+Vue+环境搭建のバックアップ(No.4) - Free Flying

[ トップ ] [ 新規 | 一覧 | 検索 | 最終更新 | ヘルプ | ログイン ]

※前提条件：本情報はVue 2.0を基づいて説明してる

node.js
安装VUE
第一个工程

node.js †[edit]

下载 †[edit]

VUE的使用需要用到node.js，下载地址：

https://nodejs.org/en/download/

安装node †[edit]

下载 node-v16.14.2-x64.msi 后安装，结束收cmd输入命令

node -v
//v16.14.2

安装npm †[edit]

npm install -g cnpm

如果网速太慢的话，可以如下切换到淘宝的镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org；
//2022/04/12现在这个镜像速度也不行了

安装VUE †[edit]

cnpm install --global vue-cli

验证是否安装成功

vue
//输出下面vue信息，则安装成功

查看安装的版本号

vue -V

C:\Users\Administrator>vue
Usage: vue <command> [options]

Options:
  -V, --version  output the version number
  -h, --help     output usage information

Commands:
  init           generate a new project from a template
  list           list available official templates
  build          prototype a new project
  create         (for v3 warning only)
  help [cmd]     display help for [cmd]

第一个工程 †[edit]

创建第一个工程 †[edit]

vue init webpack my-project

创建完成后文件夹的构成

安装依赖 †[edit]

cnpm install

运行 †[edit]

启动运行

npm run dev

如果报下面的错误，则是因为上一步的cnpm install命令没有执行、或者没有执行成功

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

浏览器启动

发布 †[edit]

# build for production with minification

npm run build

# build for production and view the bundle analyzer report

npm run build --report

コメント：