Vue.js三种安装方式和npm安装步骤

谁都会走 提交于 2019-12-04 19:27:51

这几个月一直在做小程序项目,在大学自学的的Vue在公司还没怎么用过,趁着这几天公司事比较少,就从头过一遍Vue.js,接下来这篇文章主要说的是Vue安装的三种方式及基于npm安装脚手架的步骤说明!!!
安装的3种方式:
1.script
直接通过script加载CDN文件
例如:<script src = "http://webapp.com/static/webapp/shield/z/vue/vue/1.0.24/vue.min.js"
2.npm
如果项目基于npm管理依赖,则使用npm安装方式,执行命令如下:

  $ npm i vue --save-dev

3.bower
如果项目基于bower管理依赖,则使用bower安装方式,执行命令如下:

  $ npm i bower --save-dev

使用npm安装的步骤
现在的项目大都是使用npm包管理器的,所以就只举个npm安装的过程:
1.先在本地安装完node.js
window+r打开cmd窗口检测是否安装成功

  node -v
  
  npm -v

2.全局安装脚手架工具(vue-cli

npm install --global vue-cli

3.vue项目初始化命令,若没有安装webpack,先安装webpack

npm install -g webpack

vue init webpack  工程项目名称

注意:安装过程中会有一项是Use EsLint to lint your code?要选择NO(原因是如果选择YES会出现代码要求很严格,不利于开发效率,如果觉得自己代码很规划也可以选择YES)

4.进入自己起的工程项目下使用npm install安装package.json包中的依赖

 cd  工程项目
 npm install

5.输入npm run devnpm start启动项目

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!