脚手架vue-cli,webpack模板

打印 上一主题 下一主题

主题 973|帖子 973|积分 2919

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
先安装node.js,它是服务器端,用于给页面提供服务。前端学习不需要会node.js,只需要学会node.js衍生出来的npm命令即可。
  npm 是node.js的一个工具,作用是进行包管理,npm是node.js的包管理器。
  
接着安装脚手架,再通过脚手架来搭建vue.js项目。(脚手架:vue-cli)
  npm install -g vue-cli     或者npm install -g @vue/cli-init
  

  

在创建vue.js项目时有许多命令可用,其中webpack是使用频率最高的,在此只需要会用webpack模板创建项目即可
  

  

  


根据这两个命令来输入,进入vue2--文件夹,运行创建好的Vue.js项目
  (如果这个过程报错,说明vue.js项目没有安装相应的依赖包,需要使用npm install来安装)
  (如果安装依赖包过程出现 unexpected end of json......这样的提示,需要用npm cache clean --force 清除安装缓冲,再重新安装一次)

根据提示在浏览器中访问该地址就可以打开运行好的vue.js项目了。


vscode打开文件夹
  


仅仅是写标签就报一堆错?
  ctrl+,打开vscode设置,搜索eslint.enable,将勾取消(也就是关闭eslint)
  

  

  
  

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

温锦文欧普厨电及净水器总代理

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表