这里是引用

1.下载idea中的vuejs文件之后创建vuejs文件

在这里插入图片描述

点击next，进入下一步

2.创建文件后选择文件的位置，选择vue脚手架cli的位置

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4snRFLVE-1603336126817)(C:\Users\86186\AppData\Roaming\Typora\typora-user-images\image-20201020212302652.png)]

3.创建项目成功之后点击进入终端命令行

在这里插入图片描述

4.输入指令 vue init webpack 到命令行

输入指令vue init webpack到终端之中，然后效果如图
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-guMRAIyr-1603336126822)(C:\Users\86186\AppData\Roaming\Typora\typora-user-images\image-20201020213014136.png)]
注意y表示yes，n表示no

​ ？ Project name ( my-project ) 敲y, 回车既可

​ ？project description ( A Vue.js project ) 敲回车既可

​ ？Author ( xxxxxx xxxxx@xx.com ) 敲回车既可

​ ？ Vue build ( user arrow Keys ) 敲回车既可

​ ? Install vue-router？（Y/n）敲Y回车既可 （是否安装路由，单页面的关键）

​ ？Use ESLint to lint your code？ (Y/n) 敲n回车既可（是否使用严格模式）

​ ？Set up unit tests (Y/n) 敲n回车既可 ( 单元测试， 个人觉得不安装选择n )

​ ？Setup e2e tests with Nighwatch？(Y/n) ( e2e测试，个人觉得不安装选择n )

​ ？Should we run npm install for you after the project has been created？ (recommended) (use arrow Keys)
应该是询问你接下来的依赖是否通过npm安装
如果直接回车，那么接下来的安装会很慢

所以直接Ctrl+C取消,或者选择No，I will handle that myself 然后

输入cnpm install通过淘宝镜像cnpm进行安装

淘宝镜像，可以参考别的博客
注意:使用cnpm必须一直使用，不能和npm混合使用

输入指令 cnpm install
这时候可能会出现输入cnpm无响应的问题，这时要关闭项目
在cmd中输入如下指令

npm config set registry http://registry.cnpmjs.org

然后再重新打开项目，再输入cnpm install，最终效果如图
在这里插入图片描述

输入指令cnpm run dev
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZAazVg5w-1603336126824)(C:\Users\86186\AppData\Roaming\Typora\typora-user-images\image-20201020214222174.png)]

点击图片上的链接 进入

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jCsHcLT0-1603336126825)(C:\Users\86186\AppData\Roaming\Typora\typora-user-images\image-20201020214330725.png)]

表明文件创建成功

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue