2021-04-13 创建Vue项目 (1)

最新推荐文章于 2022-03-10 18:42:29 发布
最新推荐文章于 2022-03-10 18:42:29 发布
阅读量225 收藏 1
点赞数 3
分类专栏： 自己方便查看 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52090239/article/details/115660036
版权

创建Vue项目 (1)

1.创建一个名为 firstvue的工程
vue-init webpack firstvue
2. 安装程序需要的依赖 vue-router 、element-ui 、sass-loader 和node-sass 四个插件
安装 vue-router
npm install vue-router --save-dev (保存)
安装 element-ui （用到的前端框架，可以不添加）
npm install element-ui -S
安装依赖
npm install
安装 sass加载器
cnpm install sass-loader node-sass --save dev (尽量不用cnpm (npm 运行不出来再用))
启动测试
npm run dev
( ಠ ಠ ノ )小嘴一歪气场全开
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
idea vuejs插件vue.js-2021.1.21更新的
01-25
idea vuejs插件，做前端开发必备插件vue.js-2021.1.21最新更新的，来源 https://plugins.jetbrains.com/plugin/9442-vue-js/versions
【vue系列】2021新建vue项目
IU
04-14 341
vue create hello-world 回车 等待 - - - -
2021-08-08 VUE创建项目
停不下的时光
08-08 168
在文件夹内按住shitf打开右键，在此处打开shell； 通过命令创建项目（node需要自行安装好） vue create projectname 3. 根据提示选择对应选项，建议选择manually(手动)，自行选择具体事项； 其中，css选项可以先不选，因为它会访问github下载libs,并且使用python，如果电脑环境不具备，会失败； 4. 所有选项选择完后，回车即可，出现：get started with following commands: 时，表示创建成功 ...
2021搭建企业级后台（Vue + TS + Element Plus ）～ 1.创建项目
yuan
08-16 270
一. 搭建项目结构 1. 创建项目 安装 Vue CLI： $ npm i -g @vue/cli
建立第一个 vue 项目
weixin_52437385的博客
05-27 118
1、什么是vue-cli vue-cli 是官方提供的一个脚手架，用于快速生成一个 vue 的项目模板； 预定义好目录结构及基础代码，就好比 java 中创建 maven 项目时一样创建 一个骨架目，这个骨架项目就是脚手架，可以使得我们的开发更快。 1.1、为什么要使用 vue-cli 平台无关性、功能齐全 占内存少、高效 帮助我们写好 vue 基础代码的工具 1.2、主要功能 统一的目录结构 本地调试 热部署 单元测试 集成打包上线 2、需要的环境 Node.js : http://no
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
webpack-vue:使用webpack搭建vue项目
05-09
使用webpack搭建vue项目 1.创建一个空项目 npm init -y 2.下载webpack，webpack-cli 目前可以使用webpack5不过还是建议使用webpack4 npm i webpack@4.44.2 webpack-cli@3.3.11 -D 3.配置webpack 1.根目录下创建...
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
01-06
windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config ...
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
本次小编给大家带来的是关于用vue-cli脚手架创建vue项目步骤讲解内容，有需要的朋友们可以学习下。
uni-preset-vue-master uniapp项目模板
12-02
3. **脚手架工具**：uni-app提供了命令行工具，通过npm或yarn安装后，可以使用uni init命令创建新项目，选择uni-preset-vue模板，一键生成项目骨架。 4. **插件市场**：uni-app有丰富的插件市场，提供了各种组件和...
vue 搭建开发环境（2021版）
朝阳39的博客
06-17 807
1. 下载安装 node.js node.js官网 https://nodejs.org/zh-cn/ 下载安装node.js的教程见我的博客 https://blog.csdn.net/weixin_41192489/article/details/117979077 2. 修改下载源 命令行执行 npm config set registry https://registry.npm.taobao.org 若提示无修改权限，可能需要改变系统默认的脚步执行策略——在命令行执行 ..
Javaweb4webstrom2021建立vue2.X====vueCLI2.X
hebian1994的博客
10-19 283
1、本机安装node.js，安装node.js之后就自带了npm 2、本地安装webpack。WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 3、安装vue脚手架 vue-cli。作用就是快速搭建一个vue.js项目的结构，帮忙导入一些必须的依赖包，创建基础的项目文件夹。 4、创建vue项目：因为webstrom下载包比较慢，所以直
2021-01-29-简单vue2.0版本项目搭建步骤
qq_41270550的博客
02-05 827
创建项目 cmd到你想要放项目的文件夹 执行这个命令创建名字是hello-vue的vue项目:vue init webpack hello-vue 好像还有一个选择需不需要编译过程或执行的，选需要就行了 然后就是等待项目创建完成了 安装组件 ...
2021-02-05 WebStrom创建vue项目
Baby_Yang的博客
02-05 1047
最近使用webStorm时发现，建立vue项目跟以前有了一些区别。特此记录： 所需环境 1、安装nodejs，即npm（可设置淘宝镜像源，具体不介绍网上很多） 2、安装vue、vue-cli 、webpack 。例如npm install vue -g 3、直接使用webstorm建立项目（也可以在cmd里建立好项目导入webstorm） ps. 之前这部分电脑已经安装过了但没有记录，等下次如果再需要配置的话补上 WebStrom2019.3.1版本之前 然后一路next根据自己的项目需求.
2021-07-12 vue笔记-基础(0) vue的思维导图/技术栈/知识树/全家桶
GAARA
07-12 182
主要掌握 1，vue指令。 2，vue的选项API。 3，vue组件。 4，vue路由。 5，vuex。
IDEA下从零开始的vue项目的创建及运行
初心不改
02-26 7621
一.相关知识及准备 概念： vue：是一套框架，用于构建用户界面的渐进式框架。 vue-cli： 而vue-cli 是一个基于 Vue.js进行快速开发的完整系统。 区别： vue是一整套框架，而vue-cli只是它其中的一个脚手架 node.js:搭建Vue的环境工具,（javascript运行时），以及使用里面的npm命令安装vue项目所需的依赖包。 联系： vue-cli 是vue的命令行工具 vue-cli是一个完整的vue项目核心构成 话不多说，先安装node.js环境。 此处应有链接…!
从头搭建VUE环境，使用IDEA 2021创建VUE项目
Klee2020的博客
03-10 8098
从零搭建VUE环境 IDEA 2021 创建VUE工程
Webstorm2021 创建VUE工程
moranrun的博客
06-22 2630
1首先创建一个新的Vue工程，选择node.exe和cli vue，直接点击create。 2. 执行vue init webpack命令，生成基本目录结构，当中需要填写一些基本信息，我这边一概选Y(简单点来..) 3. 执行命令，切换国内镜像：npm config set registry https://registry.npm.taobao.org 4. 执行命令，npm install(切换到国内镜像的话，下载比较快一点)，完成后目录结构如下： 5. 执行 npm run de.
2021/4/1用脚手架整一个VUE项目
qq_38862389的博客
04-01 301
2021/4/1用脚手架整一个VUE项目 1.先安装好node.js,百度有,不赘述,安装好后cmd命令框检查 2. 先使用淘宝源： 3. npm install -g cnpm --registry=https://registry.npm.taobao.org 4. 然后再安装最新的vue/cli工具 5. cnpm install -g @vue/cli 6. npm install -g @vue/cli-init 7. vue init webpack vuedemo 8. 然后就是名字,描述
vue-cli创建vue项目
最新发布
07-28
您可以使用以下步骤在Vue项目中使用vue-cli进行创建： 1. 首先，确保您已经安装了Node.js和npm。您可以通过在终端中运行以下命令来检查它们是否已安装： ``` node -v npm -v ``` 如果没有安装，请前往Node....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值