vue.js安装开发环境步骤和报错的处理

1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)
安转完成后在配置环境变量,检查是否安装成功,打开命令行,输入 node -v回车之后会出现版本号

2 npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息。.输入npm -v 查看自带版本号,由于有些npm资源被屏蔽或者是国外资源的原因,经常会导致npm安装依赖包的时候失败,所以我们还需要npm的国内镜像----cnpm.安装命令 npm install -g cnpm --registry=http://registry.npm.taobao.org

先运行npm install -g grunt-init项目脚手架工具
启动管理员身份安装
3.安装脚手架工具 安装命令npm install -g vue-cli (必须在全局安装)
如果报错[email protected]: CoffeeScript on NPM has moved to “coffeescript” (no hyphen)
则使用npm cach e clean --force清除下缓存在重新安装,必须用管理员身份安装
检查是否安装成功vue -v

4.创建vue项目的文件目录,在cd到这个目录,vue init webpack name(这时候会生成一个name"自己项目名字,"的文件)

Project name :项目名称 ,如果不需要更改直接回车就可以了。注意:这里不能使用大写,所以我把名称改成了vueclitest
Project description:项目描述,默认为A Vue.js project,直接回车,不用编写。
Author:作者,如果你有配置git的作者,他会读取。
Install vue-router? 是否安装vue的路由插件,我们这里需要安装,所以选择Y
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。我们这里不需要输入n(建议),如果你是大型团队开发,最好是进行配置。
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha,我们这里不需要,所以输入n。

使用npm安装vue时报"no such file or directory, open ‘xxx\package.json’"
定位到你项目的文件夹 使用npm install vue 会自动创建一个node_modules"的文件夹;

5.最后npm run dev运行一下

猜你喜欢

转载自blog.csdn.net/qq_38847914/article/details/89310540
今日推荐