【'vue' 不是内部或外部命令,也不是可运行的程序 或批处理文件。】问题原因是因为没有配置全局变量或者变量配置不正确(D:\Program Files\nodejs\node_global),查看全局路径之后配置到path环境变量中去,还有一种可能产生的问题的原因是没有安装vue-cli
实在不行删除node 删除所有配置过的node环境变量重新安装node 安装时选择add to path
查看npm全局路径
$ npm config get prefix
安装vue-cli(Prerequisites: Node.js (>=4.x, 6.x preferred), npm version 3+ and Git.)
$ npm install -g vue-cli
在项目安装依赖(npm install)准备的时候报错【 no such file or directory, open 'D:\work\file\me\package.json'】
问题原因是文件目录下没有相应的package.json配置文件
解决办法(为项目自动生成package.json文件)
$ npm init -f
【安装node--配置安装路径】参考网址https://www.cnblogs.com/zhouyu2017/p/6485265.html
$ npm config set prefix
D:\Program Files\nodejs>npm config set prefix "D:\Program Files\nodejs\node_global"
$ npm config set cache
D:\Program Files\nodejs>npm config set cache "D:\Program Files\nodejs\node_cache"
【创建项目时选项参考http://www.jianshu.com/p/2769efeaa10a】
【项目文件夹作用】
assets 放静态内容的地方,但是支持预编译
components 放组件的地方,当然也可以别具一格随便创个文件夹代替之
router/index.js router文件夹是放路由的地方,index.js是我们的根路由
app.vue vue-cli帮我们生成好的一个组件(根组件),没什么好稀奇的
main.js webpack的入口文件,聚合vue应用里面的东西
【代码规范Eslint】 大多错误都能在Eslint找到解决办法多翻翻官网,文档什么的
tab尽量不要用 4个空格与8个空格的区别还是有的 会报错
键值书写要规范
'list': [
{'title': '首页', 'url': '/'},
{'title': '全部分类', 'url': '/category'}
]
函数创建注意空格
hideSide () {
this.$emit('hide')
}
【Strings must use singlequote】请用单引号!!
【Expected error to be handled】代码最后一行请切出一行空格