首页 > 其他分享 >前端开发环境搭建--vue

前端开发环境搭建--vue

时间:2023-05-05 14:00:54浏览次数:47  
标签:npm node vue 项目 -- install 安装 前端开发

1、安装node.js

http://nodejs.cn/download

检查是否安装成功 node -v

使用如下语句解决 npm 速度慢的问题

npm install --registry=https://registry.npm.taobao.org

2、安装vue-cli

npm install vue-cli -g

检查是否安装成功:vue list

3、安装webpack

npm install webpack -g

4、安装webpack-cli

npm install webpack-cli -g

5、初始化项目:vue init webpack 项目名称

是否安装路由:要选择是

6、安装 element-ui

进入项目目录,cd 项目路径,在项目根目录下执行如下语句

npm i element-ui -S

7、安装 SASS 加载器

进入项目目录,cd 项目路径,在项目根目录下执行如下语句

npm install [email protected] [email protected] --save-dev

需要提前安装python和vs

node-sass和node.js有个版本兼容关系,安装的时候查一下本机node版本,根据本机node版本装sass版本

8、安装项目所有依赖

进入项目目录,cd 项目路径,在项目根目录下执行如下语句

npm install

9、运行项目

进入项目目录,cd 项目路径,在项目根目录下执行如下语句

npm run dev

标签:npm,node,vue,项目,--,install,安装,前端开发
From: https://www.cnblogs.com/public-communion/p/17373922.html

相关文章

  • 精确移动
     关于相对位移ix的使用ix是allegro的相对位移指令,我们在进行平移或者相对位置移动时经常使用到,比如我们会在allegro的命令栏里按照下面格式输入:ix200iy200ix200200ix200iy200那么你是否知道其实ix也支持下面格式那就是:ixDx=200Dy=200https://blog.csdn.net......
  • 使用StackExchange.Redis组件C#模糊删除模糊查找
     C#StackExchange.Redis模糊删除模糊查找 ///<summary>///模糊查找///</summary>///<paramname="key"></param>publicList<XJDataDll.Tag.Point>SelectTags(stringpattern){......
  • 非法学专业人士的《中华人民共和国治安管理处罚法》使用教程 All In One
    非法学专业人士的《中华人民共和国治安管理处罚法》使用教程AllInOne《中华人民共和国治安管理处罚条例》demos(......
  • 页面引入css样式时,使用link和@import有什么区别
    css文件引入的方式有两种:1.HTML中使用link标签<linkrel="stylesheet"href="style.css/>2.css中使用@import@import"style.css"/*使用字符创*/@importurl("style.css")/*使用url地址*/link和@import区别link属于HTML标签,除了加载css外,还可以做很多其的他事,比......
  • 13.solidworks简单渲染教程
    1、打开solidworks,点击菜单栏的工具,然后选择插件,勾选PhotoView360两边的框2、右键特征工具栏,把渲染工具勾选3点击渲染工具,然后对想要更改的零件或者部位使用编辑外观和编辑布景更改外观颜色、材质、贴图以及背景 4、在绘图区域先摆好一个适合的角度,然后再添加相机......
  • JS动态时间
    一、动态时间动态走动<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"con......
  • Tomcat配置ssl证书
    1.生成ssl证书keytool-genkeypair-alias“tomcat”-keyalg“RSA”-keystore“D:\ssl\tomcat.keystore”-validity365002.将生成证书复制到tomcatssl文件夹下,修改tomcat配置,找到tomcat/conf/server.xml文件<Connectorport="8081"protocol="org.apache.coyote.http1......
  • C#_上传文件到服务器的temp文件夹
    C#_上传文件到服务器的temp文件夹1.写在*.aspx中<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="有效代码_上传文件到服务器的temp文件夹.aspx.cs"Inherits="web_page_ssc_上传文件到服务器的temp文件夹"%><!DOCTYPEhtml><htmlxmlns=&......
  • apipost利用预执行脚本生成不同的测试数据
    apipost利用预执行脚本生成随机的测试数据完整流程使用JavaScript编写预执行脚本进入自动化测试功能界面新建自动化测试,添加接口进去配置执行次数和间隔完成简单介绍apipost提供了强大的接口测试功能,方便我们进行接口测试的各种操作具体步骤1.使用JavaScript编写预......
  • EMMC分区设置
    一、fdisk-l(查看盘符)二、fdisk/dev/mmcblk0(对EMMC进行分区设置) 1、p(查看当前的分区)2、d(删除分区)3、n(新建分区) 4、w(保存设置并退出) 三、mkfs.ext4(格式化分区) 四、mount /源地址  /目标地址(挂载分区) 五、df-h(查看可用分区) ......