vue创建项目(npm安装→初始化项目)
第一步npm安装
首先:先从nodejs.org中下载nodejs
大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以使用cnpm 命令来安装模块了:
第二步项目初始化
1.第一步:安装vue-cli
cnpm install vue-cli -g //全局安装 vue-cli
查看vue-cli是否成功,不能检查vue-cli,需要检查vue
vue init webpack ”项目名称“
现在已经创建好了,那就让项目先安装下依赖再运行一下,会出现下面的页面,操作指令是:
cnpm install
cnpm run dev
接下来安装必要的模块
缺少模块需要安装
npm install stylus-loader css-loader style-loader less-loader --save-dev
如发现安装过程中 因为webpack版本过高导致不能安装模块的问题,需要安装低版本的webpack
1. 安装
在全局下安装:npm install webpack -g
安装指定版本:npm install webpack@ -g 例如:npm install webpack@3.6.0 -g
查了一下发现原因是webpack版本太高, 以前的打包命令在新版本不适用, 所以决定将webpack版本降低到
2. 删除
在全局下删除 npm uninstall webpack -g
最好将项目目录下的node-modules一起删除,否则会有残留文件影响下一次的结果。
如果还是无法解决 npm install npm@3.8.6 -g
引入less
npm install less --save-dev
TypeError: this.getoptions is not a function at Object.lessLoader 在vue项目中less报错问题解决
less版本问题,卸载重新安装指定版本号npm install less@3.9.0 -s
npm install less-loader@5.0.0 -s
npm 找不到模块报错 Error: Cannot find module 'are-we-there-yet'
直接 C:\Users\Pacter\AppData\Roaming 删除npm包 和 npm-cache包 卸载nodejs 然后重新启动即可
这个可以解决多数安装的问题 一劳永逸