精华内容
下载资源
问答
  • vue新建项目

    2021-03-06 17:00:00
    vue新建项目 1、 首先查看是否安装node.js 在cmd里输入 node -v 如果没有安装请到node.org.下载安装即可。 2、全局安装vue-cli npm install vue-cli -g 3、查看vue-cli是否安装成功 vue -V 4、如果出现上图所示,...

    vue新建项目

    1、 首先查看是否安装node.js
    在cmd里输入 node -v
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210306165939849.png
    如果没有安装请到node.org.下载安装即可。
    2、全局安装vue-cli

    npm install vue-cli -g
    

    3、查看vue-cli是否安装成功 vue -V
    在这里插入图片描述
    4、如果出现上图所示,表示已安装成功,下面来创建新项目

    vue create my-project
    

    // myproject代表项目名称,可按自己需求
    在这里插入图片描述
    5、到这一步打回车即可,耐心等待。
    在这里插入图片描述
    6、到这一步我们已经成功的创建了第一个vue项目,启动命令:

    npm run serve
    
    展开全文
  • vue 新建项目

    2020-04-18 09:53:43
    # 新建 vue 命令 vue init webpack ”项目名称“ 属性 含义 Project name (项目名称) 项目名称(项目名称),直接回车即可 Project description (A Vue.js project) 项目描述(vue.js项目),直接回车即可...

    # 以管理员身份运行CMD!



    # 新建 vue 命令

    vue init webpack ”项目名称“
    

    属性 含义
    Project name (项目名称) 项目名称(项目名称),直接回车即可
    Project description (A Vue.js project) 项目描述(vue.js项目),直接回车即可
    Author 作者,输入作者回车即可
    Vue build (Use arrow keys) Vue构建(使用箭头键),选择 Runtime + Compiler: recommended for most users 回车即可
    Install vue-router? (Y/n) 安装路由?,输入 y 回车即可
    Use ESLint to lint your code?(Y/n) 用ESLint来连接你的代码?,输入 n 回车即可
    Set up unit tests (Y/n) 建立单位测试(Y/n),输入 n 回车即可
    Setup e2e tests with Nightwatch? (Y/n) 输入 n 回车即可
    Should we run npm install for you after the project has been created? (recommended) (Use arrow keys) 我们应该在项目创建后为您运行’ npm安装’吗?(建议)(使用方向键),选择 Yes, use NPM 回车即可


    # 当运行完时,它将安装所有依赖项,因此下一步是启动项目:

    cd <项目名>
    
    npm install
    
    npm run dev
    


    # 应用现在运行在 http://localhost:8080 上运行

    展开全文
  • VUE新建项目

    2017-07-19 16:10:00
    配置环境: 配置环境的命令行: node -v npm -v npm install -g cnpm --registry=...npm install vue-cli -g ...新建项目: 1》打开集成终端 2》进入自己创建的VUE工作文件夹,命令行...

    配置环境:

     

    配置环境的命令行:

    node -v   
    npm -v  
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    npm install webpack -g
    npm install vue-cli -g

    新建项目:

    1》打开集成终端

    2》进入自己创建的VUE工作文件夹,命令行如下:

    3》新建自己的项目文件夹名字,命令行如下

    4》进入自己创建的文件夹下面,命令行如下

    5》安装项目依赖,命令行如下

    6》安装vue路由和网络访问模块(vue-router,vue-resource) ,命令行如下

    7》启动项目

    8》启动成功

    9》当前我们所搭建的环境以及项目构建出来的文件目录,都是用于组件化开发的,大家在练习的时候,不要去修改index.html界面,而是去修改App.vue文件,外面的架子不要改的

    转载于:https://www.cnblogs.com/myyBlog/p/7206345.html

    展开全文
  • Vue新建项目过程教导

    2020-09-18 09:39:42
    Vue新建项目过程教导 亲,看这里

    Vue新建项目过程教导

    1. 进行vue环境安装

    2. 开始创建项目名为wode的vue工程
      vue create wode

    3. 项目配置

      • 默认上次新建项目的配置
      • 系统默认配置
      • 手动配置 (选择这个)
    4. 选择手动配置后出现的选项,空格选中自己需要的,enter下一步,根据你选择的要求不同,后面出现的选项会变化,我把我遇到的写一下。
      在这里插入图片描述
      Babel:将ES6编译成ES5
      TypeScript:JS超集,主要是类型检查
      Progressive Web App (PWA) Support //渐进式Web应用
      Router和Vuex,路由和状态管理
      Linter/ Formatter:代码检查工具
      CSS Pre-processors:css预编译 (稍后会对这里进行配置)
      Unit Testing:单元测试,开发过程中前端对代码进行自运行测试
      E2E Testing 测试

    5. 是否使用Class风格装饰器?
      在这里插入图片描述

      即原本是home = new Vue()创建vue实例 ,
      使用装饰器后:class home extends Vue{}

    6. 使用Babel与TypeScript一起用于自动检测的填充? yes
      在这里插入图片描述

    7. 路由使用历史模式? 这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面
      在这里插入图片描述

    8. 选择CSS预编译器,我选择的是Stylus,具体差异请百度
      在这里插入图片描述

    9. 选择格式检验方式
      在这里插入图片描述

      tslint: typescript格式验证工具
      eslint w...: 只进行报错提醒; 【选这个】
      eslint + A...: 不严谨模式;
      eslint + S...: 正常模式;
      eslint + P...: 严格模式;

    10. 选择代码检查时期
      在这里插入图片描述
      Lint on save 语法检查配置文件保存时检查
      Lint and fix on commit 文件提交时检查

    11. 选择配置文件存放位置
      在这里插入图片描述
      In dedicated config files 放独立文件放置
      In package.json 放package.json里(一般是放在这个位置)

    12. 是否在以后的项目中使用以上配置?,自己看着来
      在这里插入图片描述

    13. 等待下载完,到此大功告成!

    14. 这里是我的所有要求目录
      在这里插入图片描述

    参考自这里那里

    展开全文
  • 主要介绍了vue新建项目并配置标准路由过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • vue新建项目(-)vue-cli安装

    千次阅读 2017-11-17 10:34:16
    vue新建项目(一)vue-cli新建模板项目
  • VUE新建项目启动后只显示 不显示 此时需要在package.json文件中修改如下处 修改成为 如果报错则查看下面devDependencies中是否含有@vue/cli-service 如果没有则添加,然后npm install即可。
  • vue新建项目时报错

    2019-01-25 01:21:54
    vue新建项目时报错 npm ERR! Unexpected end of JSON input while parsing near '...ant":"^2.2.2","semver' npm ERR! A complete log of this run can be found in: npm ERR! /Users/hope111/.npm/_logs/2018-05-27...
  • vue新建项目(一)vue-cli新建模板项目

    万次阅读 2017-05-27 08:55:01
    准备在使用vue-cli新建项目前。请确保你已经安装了Node.js,vuevue-cli。步骤: cd 目录(你要把项目放在哪个目录); vue init webpack pname(你的项目名字); ? Project description (A Vue.js project) vue-cli...
  • vue 新建项目,操作如下: 报错: 如果报上面的错误,就新建vue的脚手架配置文件,如下: 启动项目: 最后,在浏览器上面打开 http://localhost:8080
  • vue 新建项目,操作如下: 报错: 如果报上面的错误,就新建vue的脚手架配置文件,如下: 启动项目: 最后,在浏览器上面打开 http://localhost:8080
  • Vue新建项目01

    2020-06-09 08:23:30
    新建index.vue 写路由 导入import Index from ‘@/components/Index’ 接下来便可以在index.vue中写代码了。
  • vue新建项目(三)构建单页应用(SPA)

    千次阅读 2017-05-27 10:08:18
    在前面的两篇《vue新建项目(一)vue-cli新建模板项目》 和 《vue新建项目(二)安装element-ui》 中,我们已经新建一个vue项目且安装了一套UI,但是这个只是一个页面,那么怎么新建一个单页应用(SPA)呢。 这里我们需要...
  • vue 新建项目流程

    2018-05-09 18:02:25
    1. 下载node,安装直接下一步操作就按装完成,在cmd命令行查看node -v版本和npm -v版本(node安装完成时就安装了npm)。...新建vue项目目录,(进入某盘符直接盘符加冒号,例如e: 进入e盘,进入新建vue项目目录,cd...
  • Electron + vue 新建项目

    2020-11-27 20:41:20
    最近想学一下桌面端的开发,所以选择使用 electron + vue ...vue init simulatedgreg/electron-vue 你的项目名 //2.下载依赖 npm install //3.重新下载electron依赖,不重新下载可能会报错 npm i electron -D //4.运行
  • vue新建项目报错

    2018-06-08 22:55:44
    才几个月没接触vue,好像就生疏了,新建项目都会报错,先记录一下:在npm install的时候报错:Unexpected end of JSON input while parsing near '...kwrap":false,"publish'解决方案:先:npm config set...
  • Vue新建项目详细流程

    2020-10-24 11:58:43
    由于目前大部分主流前后端方向的整合用到的技术栈还是SpringBoot+Vue,再加上Vue3.0正式版才刚刚出一个月,还没有普及。 因此特来先写一篇文章暂时记录一下Vue2新手入门,方便大家未来转向3少走过多的弯路。 第一步...
  • 1.新建vue项目运行时就报错errors potentially fixable with the `--fix` option. 在用vue-cli3搭建的项目开始进行开发时候,在项目搭建完成之后,每次启动服务时都会弹出编译错误,我就是简单的新建一个index.vue...
  • vue 新建项目 cli3

    2021-01-27 09:48:43
    1.安装 node.js,官网:https://nodejs.org/zh-cn/下载, 与自己电脑匹配的版本,然后一直下一步就ok,输入 node -v 2.npm包管理器是在node.js中,直接输入npm -v ...4.需要全局安装 vue-cli 脚手架构建工具,输入命令 cn...
  • Vue 新建项目的各个选项

    千次阅读 2019-06-14 01:04:46
    在执行 vue init webpack 项目名之后会有很多选项让你设置,这里列下: Project name ;项目名称 Project description (A Vue.js project) 项目描述 (A Vue.js project); Author (XXXX XXXX@XXX.com) ;XXXX@XXX....
  • 一、下载nodejs 然后node -v 查看版本 二、安装脚手架 npm i vue-cli -g //全局安装 ...vue init webpack 项目名 注意几项需要选择no的模式 切换项目文件夹中,npm i 然后运行npm run dev,安装成功 ...
  • vue-cli的项目结构,文件说明
  • 新建项目 vue默认为body设置了margin:8px 我们可以在App.vue <style>中,设置width和height为100%,对margin进行重写去掉边距 html,body{ width: 100%; height: 100%; margin: 0; }

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,942
精华内容 2,776
关键字:

vue新建项目

vue 订阅