vue.js 安装方式

NPM方法(推荐使用)

参考地址:https://blog.csdn.net/muzidigbig/article/details/80490884

步骤:

1. 安装node.js,在官网下载即可

1)node -v 命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。

2)npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息

2. 安装cnpm

在命令行中输入  npm install -g cnpm --registry=http://registry.npm.taobao.org  ,然后等待,没报错表示安装成功

使用cnpm -v

3. 安装vue-cli 脚手架构建工具(必须在全局中进行安装)

npm install -g vue-cli

等待完成即可

最后:使用脚手架构建vue项目了

vue init webpack firstApp(初始化一个完整版的项目)

输入命令后,会询问我们几个简单的选项,我们根据自己的需要进行填写就可以了。

  • 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。
  • Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试,我们这里不需要,所以输入n

若拿到别人的项目或从gethub上下载的项目第一步就是要在项目中cnpm install;下载项目所依赖的插件,然后npm run dev 运行项目

猜你喜欢

转载自blog.csdn.net/qq_39971139/article/details/88811906