Vue项目安装常见问题

Vue-cli安装

1、安装:npm install cnpm -g --registry=https://registry.npm.taobao.org;  注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误;

2、执行命令: vue init webpack demo(你新建的项目名称/文件名称),执行之后将会 自动初始化一个文件夹 :demo

问题1

如果运行出现'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

解决方案:将项目里的“node_modules”文件夹删除,然后在cmd中cd到项目目录,依次运行命令:cnpm install和cnpm run build,最后运行cnpm run dev后项目成功运行。

问题2

删掉项目自带的helloworld时,修改了router的index,新建component的.vue文仔,在npm运行时出现以下等问题,这些都是vue对语法的限制过于严格,以至于在我第一次编译运行的时候一直编译失败,当然也包括一些警告。 


解决方案:在build/webpack.base.conf.js文件中,注释或者删除掉:module->rules中有关eslint的规则


然后重新运行一下npm run dev或者构建命令 npm run build就可以啦。




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章