VUE安装及使用

VUE安装及使用

1.使用网站打开下面这个网址vue node.js下载地址下载安装node.js （选择windows版本）

2. 使用window+r键打开搜索程序，输入cmd，按回车

	1.查看版本
		·输入 node -v  查看版本号
		·输入 npm -v   查看版本号

3. 淘宝镜像

	复制下面这两个命令，然后回车，等待完成
	npm install -g cnpm --registry=https://registry.npm.taobao.org 
	换源（换成国内网站）     npm config set registry https://registry.npm.taobao.org

4.安装脚手架npm install --global vue-cli

5.在桌面上或者我的电脑中创建一个空文件夹，并打开，在下图位置处输入（cmd）打开命令行工具

6输入下面的命令，vue init webpack 项目名.

7.选择配置，如下图配置（按4次回车后，先输入n再按回车重复3次，等待加载完成）

加载完成后如下图所示

8.在上图最后输入cd demo6(项目名)，然后回车，出现下图所示继续下一步

9.Webpack配置.

	1、自动启动：修改config/index.js中autoOpenBrowser：false为true；
	2、修改端口号![在这里插入图片描述](https://img-blog.csdnimg.cn/7ad4cbcc732242a9ad74fae4a9d581f8.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lfd2Vi,size_16,color_FFFFFF,t_70#pic_center)

10.在第八步最后输入 （npm run dev）然后回车，等待出现下图表示创建完成

网页中出现下图即为打开成功