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

原文地址：https://www.cnblogs.com/zlp520/p/10924959.html