Vue 搭建项目

Posted 2021-12-06 zlp520

Vue  搭建项目

一.node下载安装：

1.下载：https://nodejs.org/en/download/

2.安装默认许选择，下一步就行；

3.安装完之后就可以使用npm命令

 

二.npm 安装cnpm：

命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完之后就可以使用cnpm和npm命令一样，只是cnpm是淘宝镜像而已

三.npm 通过webpack方式安装vue：

命令：

1.npm install webpack

2.vue init 项目名称

3.cd 项目名称路径下

4.npm install//初始化npm

 

四.npm 通过vue-cli脚手架方式安装：

命令：

1.npm install --global vue-cli

2.vue init 项目名称

3.cd 项目名称路径下

4.npm install//初始化npm

 

五.npm 安装vue3，可以通过界面化方式安装vue:

命令：

npm install -g @vue/cli

npm -V

npm ui

 

六.运行：

命令：

npm run dev

 

七.编写代码调试：

 跳转到：

八.生成：

npm run build

备注：-g或 --global代表全局的意思

全局安装:
 npm install xxx  -g 安装到 \AppData\Roaming\npm\node_modules目录
本地安装：

npm install xxx 安装到命令行所在目录的node_module目录。