zoukankan      html  css  js  c++  java
  • Mac搭建Vue

    复制链接访问:https://note.youdao.com/s/Fpay74L4

    备注

    若无法通过 vue init webpack demo 创建项目 那么就去github下载离线版执行

    https://github.com/vuejs-templates/webpack

    下载后解压到管理员用户到根目录下的.vue-template下

    mac 若没有.vue-templates文件夹在root用户目录下 则自己新建

    mkdir .vue-templates

    chmod 777 .vue-templates

    mkdir webpack

    chmod 777 webpack

    cp /User/famil/Vue/webpack/* /var/root/.vue-templates/webpack

    vue init webpack vuetest --offline

    至此就可以去自己想创建项目的目录下创建项目了

    1、 安装配置Node

    1.1、安装

    node.js官网【https://nodejs.org/zh-cn/download/】下载并安装node,安装过程很简单,一路按默认值“下一步”就可以了(傻瓜式安装),安装时路径选为【D: odejs】。

    安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v npm -v,如果出现相应的版本号,则说明安装成功。

    1.2、修改默认目录

    npm config set prefix "D: odejs ode_global"

    npm config set cache "D: odejs ode_cache"

    13、修改为国内镜像

    npm config set registry=http://registry.npm.taobao.org

    1.4、查看nodejs配置:

    npm config list

    15、环境变量PAHT中

    D: odejs

    D: odejs ode_global

    2、安装webpack:

    npm install webpack webpack-cli -g

    查看版本:

    Webpack -v

    3、安装vue脚手架

    npm install @vue/cli -g

    npm i -g @vue/cli-init

    查看版本:

    vue -V

    4、创建vue项目:

    CMD切换目录,到你要保存项目的目录下

    4.1、创建项目

    vue init webpack vueTest

    输入命令后,会跳出几个选项让你回答:

    Project name (baoge): -----项目名称,直接回车,按照括号中默认名字(注意这里的名字不能有大写字母,如果有会报错Sorry, name can no longer contain capital letters),阮一峰老师博客为什么文件名要小写 ,可以参考一下。

    Project description (A Vue.js project): ----项目描述,也可直接点击回车,使用默认名字

    Author (): ----作者,输入你的大名

    接下来会让用户选择:

    Runtime + Compiler: recommended for most users 运行加编译,既然已经说了推荐,就选它了

    Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 仅运行时,已经有推荐了就选择第一个了

    Install vue-router? (Y/n) :是否安装vue-router,这是官方的路由,大多数情况下都使用,这里就输入“y”后回车即可。

    Use ESLint to lint your code? (Y/n) : 是否使用ESLint管理代码,ESLint是个代码风格管理工具,是用来统一代码风格的,一般项目中都会使用。

    接下来也是选择题Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设,编写vue项目时的代码风格,直接y回车

    Setup unit tests with Karma + Mocha? (Y/n) :是否安装单元测试,我选择安装n回车

    Setup e2e tests with Nightwatch(Y/n)? :是否安装e2e测试 ,我选择安装n回车

  • 相关阅读:
    使用golang访问kubebernetes
    使用 Rancher 管理现有 Kubernetes 集群
    Running powershell scripts during nuget package installation and removal
    How to Create, Use, and Debug .NET application Crash Dumps in 2019
    寻找写代码感觉(一)之使用 Spring Boot 快速搭建项目
    Selenium+Java之解决org.openqa.selenium.InvalidArgumentException: invalid argument报错问题
    Selenium环境搭建
    关于Xpath定位方法知道这些基本够用
    Web自动化之浏览器启动
    【翻译】编写代码注释的最佳实践
  • 原文地址:https://www.cnblogs.com/jtlog/p/14981178.html
Copyright © 2011-2022 走看看