- Java锁的逻辑(结合对象头和ObjectMonitor)
- 还在用饼状图?来瞧瞧这些炫酷的百分比可视化新图形(附代码实现)⛵
- 自动注册实体类到EntityFrameworkCore上下文,并适配ABP及ABPVNext
- 基于Sklearn机器学习代码实战
。
开发环境准备:Windows10、Windows11 。
NodeJS,安装官网最新LTS版即可 。
下载地址: https://nodejs.org/ 安装一路下一步,默认即可 。
========================================================== 。
1、检查 Node版本、npm包管理工具版本,命令如下:
打开cmd命令,输入如下命令:
node -
v
npm
-v
。
2、安装 Vue脚手架 。
(1) Vue-cli2.0和之后版本命令不同,若之前安装过2.0版可以先卸载,命令如下:
npm uninstall -g vue-cli
。
(2) 安装最新版本vue-cli脚手架,命令如下:
npm
install
-g @vue/cli
。
3、创建项目 。
(1) 切换到指定的目录 。
(2) 创建项目 ,命令如下(示例):
vue create vue_demo
。
(3) 配置项目 。
按 上下键进行选择,回车进行确认 。
(4) 选择需要配置的项目 。
配置项说明: ( ) Babel//转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 ( ) TypeScript// TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法,需要被编译输出为 JavaScript在浏览器运行 ( ) Progressive Web App (PWA) Support// 渐进式Web应用程序 ( ) Router // vue-router(vue路由) ( ) Vuex // vuex(vue的状态管理模式) ( ) CSS Pre-processors // CSS 预处理器(如:less、sass) ( ) Linter / Formatter // 代码风格检查和格式化(如:ESlint) ( ) Unit Testing // 单元测试(unit tests) ( ) E2E Testing // e2e(end to end) 测试 。
(5) 选择Vue的版本,一般选择3.x 。
。
(6)选择ESLint代码校验规则 。
。
(7)选择如何存放的位置 。
In dedicated config files // 独立文件放置 In package.json // 放package.json里 。
。
(8) 是否存储当前配置 。
。
(9)创建项目 。
(10)启动项目 切换目录——运行服务,命令如下图:
。
。
(11)终止Vue项目 。
连续按2次ctrl+C 或关闭命令窗口 。
。
(12) 项目结构说明 。
项目结构说明: 1、node_modules:用于存放项目中各种依赖包 2、public:用于存放静态资源 index.html:生成项目的入口文件 (1)src:Vue的源代码文件 assets:用于存放着各种静态文件,比如图片 components:应用程序的组件 App.vue:应用程序根组件 main.js:入口文件,主要作用是初始化 vue 实例 。
其他配置文件 。
eslintrc.js: eslint代码检查的相关配置放到这里。 .gitignore:配置git上传想要忽略的文件格式。 babel.config.js:是一个工具链,主要用于在当前和较旧的浏览器或环境中将ES6的代码转换向后兼容(低版本ES)。 package.json:模块基本信息项目开发所需要的模块,版本,项目名称 package-lock.json:是在npm install时候生成的一份文件,用于记录当前状态下实际安装的各个npm package的具体来源和版本号 --------------------------------------------------------------------------- 。
public文件目录和src/assets目录区别: public一般不用动,在vue-cli在进行build的时候,public下面的文件会原封不动的添加到dist中,不会被合并、压缩;不会被webpack打包工具所处理。 src/assets目录,build之后,assets目录中的文件,会被合并到一个文件中,然后进行压缩。多用来存放业务级的js、css等.
================================ 。
补充:
完整选择步骤如上图所示 。
Visual Studio Code 开发插件安装:Vue Volar extension Pack 。
===================================================== 。
。
最后此篇关于NodeJS使用npm安装vue脚手架的文章就讲到这里了,如果你想了解更多关于NodeJS使用npm安装vue脚手架的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
我听说最好不要从您系统的 Perl 版本所在的 CPAN 安装模块。我知道如何使用命令行安装模块,我只是想知道是否有办法将 CPAN 与系统核心 Perl 分开。 我应该: 下载源代码并专门为这些模块
我听说最好不要从系统的 Perl 版本所在的 CPAN 安装模块。我知道如何使用命令行安装模块,我只是想知道是否有办法将 CPAN 与系统的核心 Perl 分开。 我应该: 下载源代码并专门为这些模块
单独安装 electron 与通过 electron-builder 安装有什么区别?我正在使用 React 构建一个 Electron 应用程序,并且已经找到了一些教程。它们安装 Electron
两者安装有什么区别?我按照安装页面上的说明在全局范围内安装了 webpack,然后我转到了入门指南,据说在那里可以在本地安装 webpack-cli。 CLI = Command Line Inter
我在 OS X Yosemite 上用 PHP 安装了默认的 Apache 服务器,安装了 pear,用 brew 安装了 Solr (brew install solr),现在我正在尝试使用 PEC
我解压并编译了 Ruby 2.1 并安装了几个支持工具。 但是当我安装了 libssl-dev 时,OpenSSL 不会安装。 我在支持 openssl 时遇到这个错误: make: *** No r
我在 android studio 2.3.1 和 gradle 3.2 中设计了 2 到 3 个应用程序。当我从它运行应用程序到任何设备或模拟器时,一切都工作正常。但是当我从构建文件夹中获取该 ap
我注意到我正在读一本书提到通过 apt-get 安装 numpy 和 opencv apt-get install python-numpy python-opencv 但我可以通过以下方式在 pip
我正在尝试在 Windows 8.1 上安装 ansicon。我提取了文件并达到了我需要调用 ansicon -i 的级别。当我在 cmd 中输入此内容并运行 python 脚本时效果很好,但是当我通
我有 linux MINT 17.3 Kernel 4.4.0-81 所有更新可用。 (由于不同的原因,我无法迁移到更新版本的 ubuntu/mint) 我已经通过 PPA 安装了 FFMPEG(不是
尝试在本地运行我的应用程序时出现错误: 我只在 chrome 浏览器中收到此错误。我尝试过不同的东西,但我不确定为什么它是 Chrome 特定的。 最佳答案 我怀疑这不是 Firebase 问题,而是
这是我第一次开发 AngularJS 应用程序并使用脚手架工具 Yeoman ( http://yeoman.io/ )。我想对我的一些图标使用 fontawesome ( http://fortaw
我知道您通常“应该”$ pip install 如果包没有 brew ,但如果有一个你想安装的 python 包,你可以使用 $ pip install或 $ brew install为了?例如,通过
我正在尝试通过 RVM 安装 Ruby 1.9.3。然而,当谈到安装 RubyGems 时,我得到了这个: curl: (22) The requested URL returned error: 4
我是真正提出问题的新手,但你去吧。 我一直在尝试按照安装指南添加 dnsname: https://github.com/containers/dnsname https://github.com/c
Studio更新至0.4.0 建筑产量为“需要1.8版Gradle”;将设置设置为1.8 bin目录; 建立 “要求1.9级”;将设置设置为1.9 bin; 建立 “要求1.8级” 啊。不知道该怎么做
我刚刚注意到 kernel.org 因维护而停机。是否有使用不同镜子的不同公式?或者我可以向 Homebrew 软件添加不同的来源(如 bundler ?)? 谢谢你的帮助! 最佳答案 快速解决方法:
当我运行时: peardev install phpunit/PHPUnit 我得到以下信息: No releases available for package "pear.phpunit.de/P
服务器操作系统为Fedora 24. 64bit。 我想安装 Git 2.6.6。 所以下载源码并安装。 此服务器离线。所以我不使用“yum”。 ./configure --prefix=/usr/l
我正在尝试在我自己的服务器(操作系统:Linux Ubuntu Server 12.04)上安装 OpenEdX,但我遇到了同样的错误。谁能帮帮我? TASK: [ insights | insta
我是一名优秀的程序员,十分优秀!