创建vue项目遇到的坑(新手向)

【'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】代码最后一行请切出一行空格

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容