首页分享Vue正文

vue的安装与配置

日期：2020-8-11 9:27:07　人气：25

https://nodejs.org/zh-cn/

https://nodejs.org/en/

node.js下载 

windos+r  输入  cmd  进入

Node -v  //查看版本

Npm -v //查看版本

安装vue脚手架
npm install -g @vue/cli
卸载vue脚手架
npm uninstall vue-cli -g
脚手架查看版本号
vue -V
帮助创建项目
vue –help

安装vue脚手架

npm install -g @vue/cli

创建项目

如果想建到D:\vueproject   直接在 D:\vueproject的文件夹网址栏里输入cmd

vue create 项目名称  例： vue create project(project就是你的项目名称) 

第一步：

第一个:是代码提示 语法细结问题

第二个：自定义安装，（选第二个）

第二步

按“空格”选中和取消

第一个必装的

ROUTER  VUES后期自己配置

第三步

选哪个都行 ，配置文件， 我就选第一个了

安装完成之后，可以进入一下你安装的项目录里看一下。

安装第三方插件   引用全局配置

以前安装  

npm install --save axios

现在可以用

vue add axios

运行命令 

在项目目录下 输入 npm run serve  // serve 自己定义的可以改变 查看 package.json  package.json 里的名子

然后在运行 生产模式的bluid 就生成原生的js页面了

Node_modules 要是删除怎么恢复?

Doc里输入Npm install  就会安装好 ，但是服务器是国外的 下载的可以慢 或者下不上  如果下载不上

https://developer.aliyun.com/mirror/NPM?from=tnpm   淘宝的cnd

就输入这个命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install 

cnpm 90%以上都能安装，如果npm安不上在用cnpm ， 尽量用npm

//安装完想运行dist 就要安装serve 服务器

1、安装serve服务器

npm install -g serve

2、运行方式一：

serve -s dist

运行方式二：

cd dist

serve

路由器的安装

//安装最新版本

npm install --save vue-router

//安装指定版本

npm install --save vue-router@3.0.3

安装vuex

npm install --save vuex