前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >前端之一vue入门

前端之一vue入门

作者头像
山行AI
发布2019-07-12 15:15:22
5350
发布2019-07-12 15:15:22
举报
文章被收录于专栏:山行AI山行AI

1. 安装node.js

下载地址:https://nodejs.org/en/

2. 环境配置

  • C:\Users\admin>node -v v10.16.0
  • C:\Users\admin>npm install -g cnpm --registry=http://registry.npm.taobao.org C:\Users\admin\AppData\Roaming\npm\cnpm -> C:\Users\admin\AppData\Roaming\npm\node_modules\cnpm\bin\cnpm
  • cnpm@6.1.0 added 682 packages from 900 contributors in 53.814s
  • 安装vue-cli脚手架构建工具(必须在全局中进行安装)
代码语言:javascript
复制
  C:\Users\admin>npm install -g vue-cli  npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)  C:\Users\admin\AppData\Roaming\npm\vue-list -> C:\Users\admin\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-list  C:\Users\admin\AppData\Roaming\npm\vue -> C:\Users\admin\AppData\Roaming\npm\node_modules\vue-cli\bin\vue  C:\Users\admin\AppData\Roaming\npm\vue-init -> C:\Users\admin\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init  + vue-cli@2.9.6  added 239 packages from 206 contributors in 24.761s  C:\Users\admin>vue -V    2.9.6
  • 安装webpack
代码语言:javascript
复制
C:\Users\admin>npm install -g webpackC:\Users\admin\AppData\Roaming\npm\webpack -> C:\Users\admin\AppData\Roaming\npm\node_modules\webpack\bin\webpack.jsnpm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\webpack\node_modules\fsevents):npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})+ webpack@4.35.0added 322 packages from 198 contributors in 26.142sC:\Users\admin>webpack -vOne CLI for webpack must be installed. These are recommended choices, delivered as separate packages: - webpack-cli (https://github.com/webpack/webpack-cli)   The original webpack full-featured CLI.We will use "npm" to install the CLI via "npm install -D".Do you want to install 'webpack-cli' (yes/no): yesInstalling 'webpack-cli' (running 'npm install -D webpack-cli')...npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\admin\package.json'npm notice created a lockfile as package-lock.json. You should commit this file.npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\admin\package.json'npm WARN webpack-cli@3.3.5 requires a peer of webpack@4.x.x but none is installed. You must install peer dependencies yourself.npm WARN admin No descriptionnpm WARN admin No repository field.npm WARN admin No README datanpm WARN admin No license field.+ webpack-cli@3.3.5added 204 packages from 129 contributors and audited 1061 packages in 15.098sfound 0 vulnerabilities4.35.0
  • 打开gitbash,输入npm install/cnmp install 或者直接在cmd中输入:
代码语言:javascript
复制
F:\工作文件\git\2019\Medicine-front\vue2-element-touzi-admin-dev-permission>cnpm install√ Installed 26 packages√ Linked 0 latest versions√ Run 0 scripts√ All packages installed (used 86ms(network 58ms), speed 0B/s, json 0(0B), tarball 0B)

3. 官方文档

https://cn.vuejs.org/v2/guide/

4. 开发工具

webstorm

5. 从github上下载项目

  • 地址为:https://github.com/wysstartgo/vue2-element-touzi-admin.git
  • 在webstorm的Run工具栏中选择Edit Configurations =>

6. 启动项目

run dev可以

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-07-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 开发架构二三事 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 安装node.js
  • 2. 环境配置
  • 3. 官方文档
  • 4. 开发工具
  • 5. 从github上下载项目
  • 6. 启动项目
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档