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)然后回车,等待出现下图表示创建完成
网页中出现下图即为打开成功