Vue 搭建项目

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目录。

猜你喜欢

转载自www.cnblogs.com/zlp520/p/10924959.html